*{
    margin: 0;
    box-sizing: border-box;
}
.Utopia{
    background-image: url(Utopia.webp);
    height: 100vh;
    width: 100%;
    background-blend-mode: multiply;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex;
}

.menu{
    background-color: black;
    position: absolute;
    position: relative;
    width: 5%;
    height: 10%;
    svg{
     fill: white;
     width: 55px;
     height: 55px;
     margin-top: 20px;
     margin-left: 18px;
    }
}

.sideMenu{
    list-style: none;
    padding: 0;
    font-size: 20px;
    text-align: center;
}
aside{
    position: fixed;
    height: 10vh;
    width: 85%; 
     background-color: white;
     top: 0;
     left: -85%;
     z-index: 200;
     transition: 0.5s;
    
}
.check{
    position: absolute;
    top: 50%;
    left: 47%;
    transform: translate(-50%,-50%);
    opacity: 0;
    z-index: 201;
    width: 30px;
    height: 30px;
    z-index: 210;
}

.check:checked+aside{
    left: 0;
}   
.sideMenu>ul>li:hover{
    color: orange;
    transition: 0.5s;
 }
 .sideMenu{
    display: flex;
 }
 .sidequest{
 background-color: black;
 width: 6%;
height: 100%;
svg{
    fill: white;
    width: 55px;
    height: 55px;
    margin-top: 20px;
    margin-right: 13px;
}
 }
 aside>ul{
    display: flex;
    align-items: center;
    border: 3px solid #e48c27;
    width: 100%;
 }
 aside>ul>li{
   padding: 8%;
   
 }
 .logo{
  position: absolute ;
  left: 85%;
 }
 .logi{
    height: 20%;
    width: 100%;
 }
 .Camaro{
    background-image: url(2017-05-18-cq5dam.web.1280.1280.webp);
    height: 100vh;
    width: 100%;
    background-blend-mode: multiply;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex;
 }
 .preto{
    background-color: black;
    height: 30vh;
    width: 100vh;
    margin-top: -30%;
    margin-left: 23%;
    border-radius: 50px 50px 50px 50px;
    border: 3px solid #e48c27;
    position: absolute;
 }
 .Title{
    color: white;
    font-size: 38px;
    margin-top: 3%;
    margin-left: 37%;
 }
 .amem{
    color: white;
    font-size: 27px;
    margin-top: 3%;
    margin-left: 17%;
 }
 .marcas{
    height: 50vh;
    width: 100vh;
    margin-top: -30%;
    margin-left: 27%;
    position: absolute;
 }
 .ferrari{
    background-color: black;
    height: 20vh;
    width: 20vh;
    margin-top: -40%;
    border-radius: 100px 100px 100px 100px;
    border: 3px solid #e48c27;
    position: absolute;
 }
 .BMW{
    background-color: black;
    height: 20vh;
    width: 20vh;
    margin-top: -15%;
    border-radius: 100px 100px 100px 100px;
    border: 3px solid #e48c27;
    position: relative;
 }
 .Pagani{
    background-color: black;
    height: 20vh;
    width: 20vh;
    margin-top: -20%;
    border-radius: 100px 100px 100px 100px;
    border: 3px solid #e48c27;
    position: absolute;
 }
 .FIAT{
    background-color: black;
    height: 20vh;
    width: 20vh;
    
    border-radius: 100px 100px 100px 100px;
    border: 3px solid #e48c27;
    position: absolute;
 }
 .Bugatti{
    background-color: black;
    height: 20vh;
    width: 20vh;
    margin-top: -40%;
    border-radius: 100px 100px 100px 100px;
    border: 3px solid #e48c27;
    position: absolute;
 }
 .Chevrolet{
    background-color: black;
    height: 20vh;
    width: 20vh;
    border-radius: 100px 100px 100px 100px;
    border: 3px solid #e48c27;
    position: relative;
 }
 .Linha1{
   margin-top: 25%;
   margin-left: -35%;
   display: flex;
  flex-direction: column;
 }
 .Linha2{
   margin-left: 100%;
   display: flex;
  flex-direction: column;
 }
 .lindinho{
    top: -15%;
    left: -30%;
    height: 130%;
    width: 161%;
    position: absolute;
 }
 .majestoso{
    left: -1%;
    height: 100%;
    width: 100%;
    position: absolute;
 }
 .logis{
   margin-left: -5%;
   height: 100%;
   width: 110%;
 }
 .gustavo{
   margin-left: -5%;
   height: 100%;
   width: 110%;
 }
 .fefe{
   top: 5%;
    left: -5%;
    height: 100%;
    width: 110%;
    position: absolute;
 }
 .fifi{
   top: -5%;
   left: -10%;
   height: 110%;
   width: 120%;
   position: absolute;
 }
 .sol{
   background-image: url(por-do-sol-vermelho-incrivel-em-uma-estrada-de-asfalto-infinitamente-longa-na-republica-de-altai_483925-17.avif);
    height: 100vh;
    width: 100%;
    background-blend-mode: multiply;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex;
 }
 .menuzin{
   margin-top: 10%;
   
 }
 .Pesquisa{
   border-radius: 50px 50px 50px 50px;
   margin-left: 15%;
   background-color: white;
   width: 60%;
   height: 7%;
   position: absolute;
 }
 .pesqui{
   margin-left: 8%;
   background-color: white;
   width: 40%;
   height: 80%;
   border-bottom: 3px solid #000000;
   position: absolute;
 }
 .car{position: absolute;
   margin-top: 6%;
    width: 90%;
   height: 60%;
   border: 3px solid #ffffff;
   border-radius: 50px 50px 50px 50px;
 }
 .lina1{
   display: flex;
 }
 .FeFe{
   top: 5%;
    left: 10%;
    height: 40%;
    width: 18%;
    border-left: 5px solid #fdfdfd;
    position: absolute;
 }
 .Bm{
    top: 5%;
    left: 43%;
    height: 35%;
    width: 13%;
     border-left: 5px solid #fdfdfd;
    position: absolute;
 }
 .Buga{
    top: 3%;
    left: 75%;
    height: 40%;
    width: 18%;
     border-left: 5px solid #fdfdfd;
    position: absolute;
 }
 .lina2{
   width: 100%;
   display: flex;
  
 }
 .Logis{
    top: 55%;
    left: 10%;
    height: 40%;
    width: 20%;
     border-left: 5px solid #fdfdfd;
    position: absolute;
 }
 .Che{
   top: 55%;
    left: 43%;
    height: 40%;
    width: 25%;
     border-left: 5px solid #fdfdfd;
    position: absolute;
 }
 .Fi{
    top: 55%;
    left: 75%;
    height: 40%;
    width: 20%;
     border-left: 5px solid #fdfdfd;
    position: absolute;
 }
 .Carros{background-image: url(ferrari-sp-8.webp);
    height: 100vh;
    width: 100%;
    background-blend-mode: multiply;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex;
 }
.atributos{
   background-color: white;
   border: 3px solid orange;
   border-radius: 50px 50px 50px 50px;
   margin-top: 8%;
   margin-left: 50%;
   height: 50%;
   width: 40%;
   position: absolute;
}
.Titulo{
   font-size: 38px;
   text-align: center;
   margin-bottom: 40px;
  
}
.txt{
    font-size: 20px;
   text-align: center;
    margin-bottom: 40px;
    border-bottom: 3px solid orange;
}
.txt1{
    font-size: 20px;
   text-align: center;
    margin-bottom: 40px;
     border-bottom: 3px solid orange;
}
.txt2{
    font-size: 20px;
   text-align: center;
    margin-bottom: 40px;
     border-bottom: 3px solid orange;
}
.txt3{
    font-size: 20px;
   text-align: center;
    border-bottom: 3px solid orange;
}
.venda{
  background-color: white;
   height: 100vh;
   width: 100%;

}
.prod1{
   
}