@import url('https://fonts.googleapis.com/css2?family=Fascinate+Inline&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Federo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Notable&display=swap');

/*
selector {
  property: value; 
  }
*/

h1{
    font-family: "Fascinate Inline", system-ui;
    font-weight: 500;
    font-style: normal;
    color:blue;
    margin:10px;
    text-align:center;
    font-size:48px;
}

h2{
    margin:10px;
}

body{
    font-family: "Federo", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: lightblue;
    margin:10px;
}

p{
    padding:5px;
    font-size:large;
}

img{
    width:40%;
    margin:20px;
    border:dotted blue;
}

.homepic {
    text-align:center;
}

.navbar ul li{
    display:inline-block;
    margin: 0 auto;
    border-radius:75%;
    padding: 20px;
    border:3px solid blue;
    list-type:none;
    background-color:white;
    font-size:30px;
    font-family: "Notable", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.navbar {
    text-align: center;
}

.infopic {
    width:40%;
    margin:20px;
    border:dotted blue;
    float:left;
}