body {
  background: white;
}
p {
  color: black;
}
h1 {
  font-weight: bold;
  

}

.intro{
  width: 600px;
  border-style: solid;
  border-color: #506A8D;
  border-width: thick;
  color: #970B2A;
}

.introimg{
  width: 400px;
  border-style: solid;
  border-color: #506A8D;
  border-width: thick;
  color: #970B2A;
  float:right;
  
}

.style{
  border-style:dashed;
  border-color: #42B3E4;
 border-width:50px;
  color: #42B3E4; 
}



.styleimg{
  border-style:dashed;
  border-color: #42B3E4;
  border-width:50px;
  width: 600px;
}


.style2{
  color: #42B3E4;
  font-size: 20px;

}

.gear{
  color: #A38C74;
    font-weight: bold;
}

.gear1{
  color: #A38C74;
  font-weight: bold;
  font-size: 30px;
}

.gear2{
  border-width: 20px;
  border-style: solid;
  border-color: #A38C74;
  float:left;
  
  
}

.tips{
  color: #07568B;
}

.tips1{
  color: #07568B;
  font-size:30px;
}

.tips2{
  border-style: solid;
  border-color: #07568B;
  border-width: thick;
  float:right;
  
}


h1{
  font-size: 100px;
    color: lightskyblue;
  font-family: 'Rubik Iso', cursive;
}


font-family: 'Noto Sans Javanese', sans-serif;
font-family: 'Noto Sans Osmanya', sans-serif;
font-family: 'Noto Serif Display', serif;

font-family: 'Rubik Iso', cursive;