html,body {
    display: flex;
    flex-direction: column;
}

.home {
    flex: 1;
    display: flex;
    padding-left: 80px;
    flex-direction: column;
}

.home .title {
    font-size: 32px;
}

.home .preview {
    padding-top: 40px;
}

.home .preview img {
    height: 400px;
}

.home .left {
    width: 400px;
    margin-right: 60px;
}

.home_iframe {
    flex: 1;
    border: none;
    display: none;
    min-height: 600px;
}

footer {
    text-align: center;
    margin: 40px 0 10px;
}


a {
  text-decoration-line: none;
  color: #939393;  
}

a:hover {
    color: blue;
}

.downloadApp {
  text-decoration-line: none;
  color: white;
  background-color: chocolate;
  padding: 8px 20px;
  border-radius: 4px;
}

.downloadApp:hover {
    opacity: 0.8;
    color: white;
}

.header {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.navi {
    display: flex;
    align-items: center;
    padding-inline-start: 10px;
}

.navi li {
 list-style-type: none;   
 margin: 0 10px;
}