* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    }



    
    #container {
        width: 100%;
        max-width: 1180px;
        background-color: #6EABD2;
        margin: 0px auto;
    }
    
    header {
        max-width: 1180px;
        width: 100%;
        background-color: #02b0af;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        padding: 31px 38px;
    }

    
    #nav1{
        width: 389px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        
    }

    #nav2{
        width: 315px;
        display: flex;
        justify-content: space-between;
        align-items: center;
       
    }

    .bt{
       width: 99px;
        background-color: #ECA122 ;
        border-radius: 6px;
        text-align: center;
        padding: 15px;
        font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 700 ;
        font-style: normal;
        font-variation-settings:"slnt" 0; 
        color: #FFFFFF;
    }

    #bt1{
        width: 133px;
        background-color: #ECA122 ;
        border-radius: 6px;
        text-align: center;
        padding: 15px;
        font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 700 ;
        font-style: normal;
        font-variation-settings:"slnt" 0; 
        color: #FFFFFF;
    }

    

    #bt2{
        width: 110px;
        background-color: #ECA122 ;
        border-radius: 6px;
        text-align: center;
        padding: 15px;
        font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 700 ;
        font-style: normal;
        font-variation-settings:"slnt" 0; 
        color: #FFFFFF;

    }
    

    #bt3{
        width: 51px;
        background-color: #ECA122 ;
        border-radius: 6px;
        text-align: center;
        padding: 8px;
    }
    

    

    a{
        text-decoration: none;
    }
    

    

     #alinhar{
        width: 1180px;
        display: flex;
        justify-content: space-around;
        align-items: center;
     }


     #imageminicial{ 
        width: 1180px;
        margin-bottom: 40px;
        background-image: url(imgcodigo/fep_imagem_inicial.png);
 
     }
      
#caixaquebrada {
    width: 520px;
    font-size: 90px;
    line-height: 98px;
    padding: 100px 30px 20px 20px;
}

#caixaquebrada1 {
    width: 520px;
    font-size: 50px;
    line-height: 60px;
    padding: 00px 20px 180px 20px;;

}

h1{font-family: "Gluten", cursive;
    font-optical-sizing: auto;
    line-height: 0; 
    font-weight: 500 ;
    font-style: normal;
    font-variation-settings: "slnt" 0; 
            
}

.brancocor{
    color: #FFFFFF;
}

.brancocor1{
    color: #FFFFFF;
    font-family: "Gluten", cursive;
    font-optical-sizing: auto;
    line-height: 0; 
    font-weight: 500 ;
    font-style: normal;
    font-variation-settings: "slnt" 0; 
}


     
#intro{
    width: 1180px;
    background-color: cadetblue;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 329px 20px;
}

#imgplot{
    background-image: url(imgcodigo/pef_neve.jpg);
    width: 1180px; 
}

#ploth1{
    width: 96px;
    font-size: 42px;
    line-height: 64px;
    padding-left: 755px;
    padding-top: 85px;

    
}

#plotp{
    width: 342px;
    font-size: 20px;
    line-height: 32px;
    margin-left: 755px;
    
    padding: 0px 0px 100px 0px;
    
}

#characters {
    max-width: 1180px;
    width: 100%;
    background-color: #02B0AF;
    padding-top: 50px;
    padding-bottom: 40px;
    padding-left: 420px;
    margin-top: 390px;
    margin-bottom: 85px;
    font-size: 40px;

}

#characters5 {
    max-width: 1180px;
    width: 100%;
    background-color: #02B0AF;
    padding-top: 50px;
    padding-bottom: 40px;
    padding-left: 420px;
    margin-top: 390px;
    margin-bottom: 85px;
    font-size: 40px;

}

.characters1{
    margin-top: 55px ;
    width: 1180px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
     
}



.characters1 img:hover{
    transform: scale(1.1); 
}



.txt{
    width: 264px;
    line-height: 40px; 
    text-align: center;
    font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 400 ;
        font-style: normal;
        font-variation-settings:"slnt" 0;
    color: #FFFFFF;
}




.characters2{
    width: 1180px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 85px;
} 


h2{
    font-size: 25px;
    line-height: 50px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#charactersmain{
    display: flex;
    flex-direction: column;
}

#othercharacters {
    width: 255px;
    padding: 8px;
    background-color: #02B0AF;
    border-radius: 20px;
    margin-left: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    margin-bottom: 302px;
    font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 400 ;
        font-style: normal;
        font-variation-settings:"slnt" 0;
     color: #FFFFFF;

}

#othercharacters:hover{
    background-color:#FFFFFF ;
    color: #02B0AF;
    
}



    
#box3{
    width: 740px;
    display: flex;
    justify-content: space-between;
    gap: 28px;
}



#img1{
    width: 1140px;
   display: flex ;
   justify-content: space-between;
   margin: 0 auto;

}

#box{
 width: 751px; 
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-content: space-between ; 
}


#btdisney{
    width: 269px;
    background-color: #FFFFFF;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 150px;
    margin-left: 20px;
    
   
}

#watch{
    margin-left: 20px;
    color: #FFFFFF;
    font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 400 ;
        font-style: normal;
        font-variation-settings:"slnt" 0;
        font-size: 40px;
    color: #FFFFFF;
    
    
}

#sla{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 44px;
    transition: all linear 200ms;
}




#sla a:active{
    transform: scale(0.083);
     
}

footer{
    width: 100%;
    max-width: 1180px;
    background-color: #02B0AF;

}

#social{
    width: 100%;
    max-width: 700px;
    display: flex;
    justify-content: space-between;
    padding-left: 416px;
    padding-top: 100px;
    margin-top: 200px;
    gap: 22px;

}

#row1{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    
}

#centro{
    width: 559px;
    text-align: center;

       

}

#copy{
    margin-bottom: 70px;
    margin-top: 80px;
    text-align: center;
}

#box2{
    width: 559px;
    display: flex;
    justify-content: space-between;
    margin-top: 54px;
}

#box4{
    width: 559px;
    display: flex;
    justify-content: space-between;
    margin-top: 54px;
}




#watchit{
    margin: 0px 0px 20px 0px;
    color: #FFFFFF;
    font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 500 ;
        font-style: normal;
        font-variation-settings:"slnt" 0; 
        text-align: center;
        
 }


#box7{
    display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin-top: 70px;
        
}

#box8{
    display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin-bottom: 55px;
        
}



#box8 a{
    font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 300 ;
        font-style: normal;
        font-variation-settings:"slnt" 0;
         font-size: 40px;
         line-height: 40px; 
        color: #FFFFFF;
}

#box9{
    display: flex;
        flex-direction: row;
        justify-content: space-around;
        
}

#box10{
    display: flex;
        flex-direction: row;
        justify-content: space-around;
        font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 200 ;
        font-style: normal;
        font-variation-settings:"slnt" 0;
        color: #FFFFFF;
        padding-bottom: 20px;
        font-size: 16px;
    line-height: 20px;
        
}

#box10 a{
    font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 300 ;
        font-style: normal;
        font-variation-settings:"slnt" 0;
         font-size: 40px;
         line-height: 40px; 
        color: #FFFFFF;
}




#hide{
    display: none;
}

#imgtlm {
    display: none;
}

#gigante{
    display: none;
}

#esconde{
    display: none;
}

#gigante2{
        display: block;
    }

   #apa{
    display: none;
   }

  
   #watchit1{
    display: none;
   }

/************** ACABAOU AQUI O COISO LA DE DESKPOT *************




**********AAAAAACCCCCCCAAAAAAABOOOOOOUUUUUUUUU!!!!!*************/



@media only screen and (max-width: 360px) {
  
     #watchit1{
    display: block;
   }

     #characters5{
    display: none;
   }
 

    #apa{

        display: block;
        
    }
    


    #esc{
        display: none;
    }
    #gigante{
    display: block;
}
    #gigante2{
        display: none;
    }
    
    
    #social{
       display: none 
    }
    
    #img1{
        display: none;
    }
    
    #othercharacters{
        display: none;
    }
   
 #imgtlm {
    display: block; }
 
   
    #charactersmain{
        display: none;
    }

    #esconde{
        display: block;
    }

 header{
    max-width: 360px;
    }

 
#alinhar{
    display: none;
   }



 #hide{
    width: 100%;
    max-width: 360px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }


 #imageminicial{ 
    display: none;
}

 

 #imgtlm{
   background-image: url(imgcodigo/fep_imagem_inicial_tlm.jpg);
   
    

 }

 #quebra{
    width: 200px;
    padding: 27px 0px 0px 11px;
    font-size: 40px;
    line-height: 40px;
    color: #FFFFFF;
 }

 #quebra1{
    width: 262px;
    padding: 5px 0px 270px 11px; 
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF;

 }



 #characters {
    max-width: 360px;
    width: 100%;
    background-color: #02B0AF;
    display: flex;
    justify-content: center;
    padding: 20px 0px;
    font-size: 25px;
    line-height: 20px;
    margin-top: 100px;
    margin-bottom: 50px;
}
    

 #imgtlm1{
    margin: 0px 40px 0px 80px;
 }

 #texttlm{
   text-align: center;
   font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 400 ;
        font-style: normal;
        font-variation-settings:"slnt" 0; 
        color: #FFFFFF;

 }
 
 #svgtlm{
    margin: 5px 0px 155px 153px;
 }


 #watchit1{
     margin: 0px 0px 20px 0px;
    color: #FFFFFF;
    font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 500 ;
        font-style: normal;
        font-variation-settings:"slnt" 0; 
        text-align: center;
        font-size: 25px;
        line-height: 20px;
        
 }

 #season1{
   margin-left: 10px;
   margin-top: 20px;
   
 }

 

  #season10{
   margin-left: 10px;
   margin-top: 20px;
 }


 #season2{
    margin-left: 10px;
    margin-top: 100px;
  }

  #season20{
    margin-left: 10px;
    margin-top: 100px;
  }

  #season3{
    margin-left: 10px;
    margin-top: 100px;
  }

  #season30{
    margin-left: 10px;
    margin-top: 100px;
  }



  #season4{
    margin-left: 10px;
    margin-top: 100px;
  }
    
  #season40{
    margin-left: 10px;
    margin-top: 100px;
  }

  #vaipbaixo{
    margin-bottom: 120px;
  }

   #vaipabaixo{
    margin-bottom: 120px;
  }

  .textseasons{
    font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 400 ;
        font-style: normal;
        font-variation-settings:"slnt" 0; 
        color: #FFFFFF;
        margin-left: 130px;
        
  }

  footer {
    max-width: 360px;
    display: flex;
    flex-direction: column;
    
  }

  #social {
    max-width: 360px;
    padding-top: 1px;
    margin-top: 20px;
    padding-left: 0px;  
  }

 
  
  #ajustes{
   width: 200px;
   margin-left: 85px;
   margin-bottom: 30px;
  }

  #social1{
    margin-left: 0px;
   margin-bottom: 30px;
   display: flex;
   justify-content: space-around;
   }

  #pfim{
    width: 200px;
    margin-left: 85px;
    margin-top: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    
  }
 
  #ffim{
    width: 200px;
    margin-left: 75px;
    margin-top: 50px;
    margin-bottom: 20px;
  }
 
 #box2{
    width: 200px;
    margin-left: 90px ;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 60px;
   
    }

 #box2 h2 {
    margin-bottom: 25px;
    
 }   

 #copy{
    font-size: 18px;
    line-height: 20px;
    padding: 0px 40px 20px 20px;
    
 }

 .brancocor2{
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: "Gluten", cursive;
        font-optical-sizing: auto;
        font-weight: 400 ;
        font-style: normal;
        font-variation-settings:"slnt" 0; 
        color: #FFFFFF;
        
        text-align: center;
 }

 

 

    

 }