body{
    margin:0 ;
    background: #f5f5f5;
    display: grid;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

a{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 14px;
}

body *{
    margin:0
}

nav{
    padding: .5rem 0rem;
    background:white;
}

.container{
    margin-top: 1rem;
    justify-self: center;
    display: grid;
    justify-items: center;
}
.container img{
    width: 55%;
}

.logo{
    height:1.75rem;
    margin-left: 2rem;
}
.title{
    margin-left:2rem;
    font-weight: 300;
    font-size: 14px;
    color:rgb(82, 82, 82)
}

h3{
    margin: 1rem 0 .5rem 0;
}

.navigation{
    display:grid;
    grid-template-columns: auto 1fr;
    height:3rem
}

.links{
    display:flex;
    gap:1.5rem;
    background:#00aeef;
    align-items: center;
    padding: 0 1rem;
}

.green{
    background:#8dc63f;
}



.center{
    justify-self: center;
}