html{
   font-family: system-iu;

   max-width: 1500px;
   margin: 0 auto;
 }

body{
   margin: 0px;
   background-color: #FFCF57;
}

/*menú*/
.main{
   display: flex;
   width: 100%;
   align-items: center;
}

.main a{
   text-decoration: none;
   text-align: right;
   width: 160px;
   margin: 40px 45px;
   font-size: 27px;
   font-family: 'Berlin Sans FB';
   color: white;
}

#active,
.main a:hover{
   color:#ff5227;
   transition: all 0.3s;
}

/*parrafo*/
.present-text{
   margin: 10px 75px 100px 75px;
}

.bienvenida{
   display: flex;
   margin-top: 10px;
}

.day-special img{
   width: 470px;
   height: 470px;
   margin: 20px 0;
}

#present {
   font-family: 'Edo SZ';
   font-size: 105px;
   color: beige;
   margin-bottom: 10px;
}

#text{
   font-family: 'Arial';
   font-weight: bold;
   font-size: 25px;
   color: rgb(83, 83, 83);
   margin-top: 0;
}

/*logo*/
.main img{
   width: 170px;
   height: 170px;
   margin: 0px 100px;
   object-fit: cover;
}

/*Botón*/
.letsgo{
   text-align: center;
   position: relative;
   margin: 30px 0 150px 0;
}

.letsgo button{
   border:1px solid #ff5227;
   border-radius: 5%;
   padding: 25px 34px;
   background-color: #ff4517;
}

.letsgo button:hover{
   box-shadow: 0 10px 20px 0 rgba(161, 46, 0, 0.623); 
   transform: scale(1.40);
   transition: all 0.7s;
}

.letsgo a{
   font-size: 25px;
   font-family: 'Berlin Sans FB';
   text-decoration: none;
   color: rgb(255, 255, 207);
}