/*
selector {
  property: value; 
  }
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lilita+One&family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lilita+One&family=Playwrite+IT+Moderna:wght@100..400&family=Roboto+Slab:wght@100..900&display=swap');
body{
    background-color:#F5F0E7;
}
p{
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  margin:20px;
}

h1{
  font-family: "Playwrite IT Moderna", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  padding:10px;
}
h2{
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: bold;
  margin:20px;
}

img{
    width:40%;
}

.nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #2F2235;
}
ul{
    list-style-type:none;
    font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: bold;
}

.nav li{
  float: right;
}

.nav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.nav li a:hover {
  background-color: #3F3244;
}

.first{
  padding: 40px;
  text-align: center;
  background: #1abc9c;
  color: white;
  font-size: 30px;
  background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTDhIwQfjcW-AR4XccKckqUve5MNjU-prepVA&s);
  filter:grayscale(80%);
}

.second{
  padding: 40px;
  text-align: center;
  background:black;
  color:purple;
  font-size: 30px;
  background-image: url(https://images.stockcake.com/public/1/7/4/174901c3-113c-4f8c-9bb0-241101f8977b/modern-computer-lab-stockcake.jpg);
  filter:grayscale(100%);
}

.homeImg{
    width:50%;
    float:right;
    background-size:contain;
}