header{
    border-bottom: 1px black solid;
}
a{
    text-decoration: none;
    color:black;
}

a:hover{
    color: darkgray;
}

nav{
    display: flex;
    align-items: center;
    max-width:800px;
    margin:auto;
}

.logo{
    display: flex;
    align-items: center;
    gap:1rem;
    font-size: larger;
    font-weight: bold;
}

.logo-img{
    height:4.5rem;
}

main{
    max-width: 800px;
    margin: auto;
}

.nav-links{
    display:flex;
    gap:3rem;
}

.nav-links > li:hover{
    border-bottom: 1px solid black;
}

.nav-links > li{
    padding:0.5rem;
}

.lang{
    height: 3rem;
    margin-left: 5rem;
    padding:0.5rem;
    background: gray;
    color:white;
}

footer{
    border-top:1px black solid;
}

.footer-contents{
    align-items: center;
    padding:2rem 0rem;
    max-width:800px;
    margin:auto;
}

/*privacy policy*/
form{
    margin: 3rem 0rem;
}
.form-group{
    display:block;
    width: 300px;;
}

.form-group label{
    display:block;
}

.form-group input{
    width:100%;
}

.form-group textarea{
    width:100%;
    resize: vertical;
}

.btn{
    background: gray;
    border: 0;
    color: white;
    padding: 0.5rem;
}

/*index*/
.screen-shot{
    max-width: 400px;
}