body{
font-family: 'BR Segma', sans-serif;
margin: 0;
padding: 0;
background-color: #ffffff;       
}

.header h1 { 
font-family: Impact, "Franklin Gothic Bold", "Helvetica Inserat", "Bitstream Vera Sans Bold", 
"Arial Black", "sans serif"; 
font-size: 80px; 
font-style: normal; 
font-variant: normal; 
text-align: center;
margin-top: 50px;
margin-bottom: 50px;  
} 

/*Navbar*/

nav{
font-size: 25px;
margin-left: 50px;    
margin-top: 200px;
font-family: 'Sageffine', sans-serif;
                                                
                                                
                                                
                                                
}


a{
width: auto;
padding: 0px 10px;
}


a{
text-decoration: none;
color: black;
                                                
}

/*----------------*/

/* Fresh Looks for 2026 */
#headerone h2 {
font-size: 35px;
margin-top: 100px;
text-align: center;
}
/*------------------------*/



/*First outfit*/

#beginning p{
  text-align: justify;
  font-size: 20px;
  margin-left: 300px;
}


#fitone img{
  width: 450px;
  margin-left: 600px;
}

#listone ol{
  margin-left: 700px;
  }

/*-------------------------------------*/



/*Second outfit*/
#secondtext p{
  text-align: justify;
  font-size: 20px;
  margin-left: 300px;
  margin-top: 50px;
  }

#fittwo img{
  width: 450px;
  margin-left: 600px;
}

 #listtwo ol{
   margin-left: 650px;
}

/*------------------------------------*/



/*Third outfit*/

#thirdtext p{
  text-align: justify;
  font-size: 20px;
  margin-left: 300px;
  margin-top: 50px;
  }

#fitthree img{
  width: 450px;
  margin-left: 600px;
}

 #listthree ol{
   margin-left: 650px;
}

/*-----------------------------------*/








/*Mobile version*/

@media only screen and (max-width: 600px){
  

  
.header h1 { 
font-size: 200%;
text-align: center;
}

nav{
 font-size: 130%;
 margin-right: 10%;
 margin-left: 10%;
}


#headerone h2 {
 font-size: 200%;
}



/*First outfit*/

#beginning p{
  font-size: 95%;
  margin-left: 10%;
  margin-right: 10%;
}


#fitone img{
  width: 60%;
  margin-left: 20%;
  margin-right: 10%;
  
}

#listone ol{
  margin-right: 20%;
  margin-left: 20%;
  font-size: 80%;
  }

/*-------------------------------------------------*/


/*Second outfit*/
#secondtext p{
  font-size: 95%;
  margin-left: 10%;
  margin-right: 10%;
  }

#fittwo img{
  width: 60%;
  margin-left: 20%;
  margin-right: 10%;
}

 #listtwo ol{
  margin-right: 20%;
  margin-left: 20%;
  font-size: 80%;
   }


}
/*----------------*/

footer{
    text-align: center;
    margin-top: 500px;
    margin-bottom: 15px;
}