*{
  margin: 0;
  padding:0;
}

.layout{
  position: relative;
}

.parent{
  background-image: url("color.jpg");
  background-size: 100%;
  color:rgb(71, 12, 5);
  font-weight:bold;
  text-shadow:1px 1px 1px rgb(212, 211, 211);
  border-right:15px solid black  ;
  text-align: center;
  font-size: 20px;
  width: 22vw;
  height: 100vh;
  padding: 10px;
  position: fixed;
  top: 0;
  bottom: 0;
}


.parent p{
  font-family:itim;
  font-size: 17.85px;
  margin-bottom:45px;
}

img{
  width: 85%;
  margin: 20px auto 15px;
  border:2px solid rgb(255, 254, 254);
  border-radius:100px 10px;
  box-shadow: 4px 4px 5px black,
              -3px -3px 5px black;

}


.navigation{
  text-align:center;
  position: absolute;
  width:70vw;
  top:0;
  left:35px;
  border-bottom: 5px double black;

}


.navigation li{
  display:inline-block;
  padding: 0 15px 5px 15px;
  font-size: 18px;
  font-family:"Baloo";
}


.navigation ul{
  display:inline-block;
  
}


h2, h3{
  font-family:Merriweather;
}

h2{
  text-decoration: underline;
  background-color:rgb(24, 22, 22);
  text-align:center;
  padding:20px;
  color:white;
  margin-bottom:30px; 
  border:1px dashed white;
  border-radius:25%;
}


p{
  font-family:"bree serif";
  text-align:justify;
  margin: 10px;
  font-size:17px;
}

.one, .two, .three, .four{
  margin: 40px 20px 0px;
}


.child{
  background-color:#FFEBEE;
  padding: 10px 0 0 10px;
  position: absolute;
  left:24vw;
}

.one{
  margin-top:120px;
}

a{
  text-decoration:none;
  color: #7B241C;
  font-weight:bold;
}

a:hover{
  color: rgb(33, 90, 6);
}


.a-li{
  color:rgb(36, 34, 34);
}

.a-li:hover{
  color:#7B241C;
}


ul{
  padding: 0 35px;
}


li{
  margin: 30px 0 10px;
}

.uppercase{
  text-transform:uppercase;
}

.copyright{
  font-size:14px;
  text-align:right;
  font-weight:bold;
  padding-right:15px;
  margin:80px auto 5px;
}