@font-face {
    /*sans */
    font-family: 'Public Sans';
    src:url("fonts/PublicSans-Regular.ttf");
  
  }
  html {
  overflow-y: scroll;
  font-family:'Public Sans' ;

}

body{
display:flex;
justify-content: center;
font-size: medium;

    background-image: linear-gradient(
        90deg,
        #0769ad,
        50%,
        #99cbef 90%
    )


}

#container{

max-width: 900px;
background-color: white;
color:black;
padding: 10px;
border-radius: 4px;

}

nav{
    display: flex;
justify-content: center;

}

p{

line-height: 120%;

}



.italic{
font-style: italic;

}

a{
text-decoration: none;
color:blue;
}
a:hover{
color:red;
cursor: pointer;

}

@media only screen and (min-width: 900px) {

#container{
          width:100vw;
}


}