@import url('https://fonts.cdnfonts.com/css/glacial-indifference-2');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
    
:root{
    --background--cor: #000000;
    --rodape-cor:#464340;
    --letra-cor: white;
    --letrainfo-cor:white;
    /* as informações tem transparência de 70% */
    --letrasNomecentraleLaterais-cor: #1f4c85;
    --letrasNEON-cor: #7fb8ff;
        /* inclui o GTMAX 3D central, A3V3 lado direito e esquerdo e o PROCORE 
    SEM O IMPRESSORA 3D** */
    /* o GTMAX 3D central, A3V3 direito e esquerdo tem efeito NEON de
    75% */
    --corback-signup: #436996;

    --fontes-NEON:'Big Shoulders Display', sans-serif;
    --fontes-cabecalho:'Montserrat Light', sans-serif;
    /* USA A LIGHT */
    --fonte-rodape1: 'League Gothic', sans-serif;
    --fonte-lateral:'Montserrat Classic', sans-serif;
    /* A MONTSERRAT USA BOLD*/

}

* {
    margin: 0; 
    padding: 0;
}

body{
    background-color: black;
}

.Home{
    font-size: 18px;
    text-decoration: none;
    color: var(--letra-cor);
    font-family: var(--fontes-cabecalho);
    font-weight: 100;
    position: absolute;
    top: 8%;
    left: 5%;
}

.Home:hover{
    text-decoration-line: underline;
    text-decoration-color: var(--letrasNEON-cor);
    color: var(--letrasNEON-cor);
}

.Impressoras3D{
    font-size: 18px;
    text-decoration: none;
    color: var(--letra-cor);
    color: var(--letra-cor);
    font-family: var(--fontes-cabecalho);
    font-weight: 100;
    position: absolute;
    left: 15%;
    top: 8%;
}

.Impressoras3D:hover{
    text-decoration-line: underline;
    text-decoration-color: var(--letrasNEON-cor);
    color: var(--letrasNEON-cor);
}

.Filamentos{
    font-size: 18px;
    text-decoration: none;
    color: var(--letra-cor);
    font-family: var(--fontes-cabecalho);
    font-weight: 100;
    position: absolute;
    left: 30%;
    top: 8%;
}

.Filamentos:hover{
    text-decoration-line: underline;
    text-decoration-color: var(--letrasNEON-cor);
    color: var(--letrasNEON-cor);
}

.Componentes{
    font-size: 18px;
    text-decoration: none;
    color: var(--letra-cor);
    font-family: var(--fontes-cabecalho);
    font-weight: 100;
    position: absolute;
    left: 60%;
    top: 8%;
    z-index: 1;
}

.Componentes:hover{
    text-decoration-line: underline;
    text-decoration-color: var(--letrasNEON-cor);
    color: var(--letrasNEON-cor);
}

.Acessorios{
    font-size: 18px;
    text-decoration: none;
    color: var(--letra-cor);
    font-family: var(--fontes-cabecalho);
    font-weight: 100;
    position: absolute;
    left: 75%;
    top: 8%;
    z-index: 1;
}

.Acessorios:hover{
    text-decoration-line: underline;
    text-decoration-color: var(--letrasNEON-cor);
    color: var(--letrasNEON-cor);
}

.SignUp{
    font-size: 15px;
    text-decoration: none;
    color: var(--letra-cor);
    font-family: var(--fontes-cabecalho);
    font-weight: 100;
    position: absolute;
    left: 90%;
    top: 7%;
    border: 3px solid var(--corback-signup);
    padding: 8px 15px;
    border-radius: 25px;
    text-align:center ;
    background-color: var(--corback-signup);
}

.Logo{
    align-items: center;
    position: absolute;
    left: 42%;
    top: 3%;
}

.Carrinho{
    position: absolute;
    left: 87%;
    top: 8%;
}

.BarraPesquisa{
    position: absolute;
    left: 84%;
    top: 8%;
}

.Textos{
    color: white;
    /*FONTE MODELO*/
   --fontes-cabecalho: 'Montserrat Light', sans-serif;
}

.Modelo_impressora{
    font-family: var(--fontes-NEON);
    color: var(--letrasNEON-cor);
    font-size: 380% ;
    left: 50%;
    top: 130px;
    position: relative;
    text-shadow: 0vw 0vw 1vw var(--letrasNomecentraleLaterais-cor), 0 0 2vw var(--letrasNomecentraleLaterais-cor), 0 0 2vw var(--letra-cor), 0 0 2vw var(--letrasNomecentraleLaterais-cor);
}
.Codigo{
    font-family: var(--fonte-lateral);
    color: var(--letra-cor);
    font-size: 13px;
    left: 50%;
    top:130px;
    position: relative;
}

.Marca{
    font-family: var(--fonte-lateral);
    color: var(--letra-cor);
    font-size: 13px;
    left: 1310px;
    top: 115px;
    position: relative;
}

.Preco{
    font-family: var(--fontes-NEON);
    color: var(--letrasNomecentraleLaterais-cor);
    font-size: 45px;
    font-weight: 37px;
    left: 50%;
    top: 140px;
    position: relative;
}

.Parcela{
    font-family: var(--fonte-lateral);
    color: var(--letra-cor);
    font-size: 15px;
    left: 810px;
    top: 160px;
    position: relative;
}

.cartao{
    left: -43px;
    top: -537px;
    position: relative;
}

.dinheiro{
    left:-5%;
    top: -470px;
    position: relative;

}

.Pix{
    font-family: var(--fonte-lateral);
    color: var(--letra-cor);
    font-size: 12px;
    left: 810px;
    top: 170px;
    position: relative;
    font-size: 15px;
}

.Detalhes{
    font-family: var(--fonte-lateral);
    color: var(--letrasNEON-cor);
    font-size: 13px;
    left: 770px;
    top: 205px;
    position: relative;
}

.Detalhes:hover{
    text-decoration-line: underline;
    text-decoration-color: var(--letra-cor);
    color: var(--letra-cor);
}

.caminhao{
    left: 700px;
    top: -530px;
    position: relative;
}

.Frete{
    font-family: var(--fontes-cabecalho);
    color: var(--letra-cor);
    font-size: 13px;
    left: 1160px;
    top: 85px;
    position: relative;
}

.Filamentos_2{
    font-family: var(--fonte-lateral);
    color: var(--letra-cor);
    font-size: 12px;
    left: 770px;
    top: 230px;
    position: relative;
    font-size: 15px;
}
.Software{
    text-decoration: none;
    font-family: var(--fonte-lateral);
    color: var(--letra-cor);
    font-size: 12px;
    left: 50%;
    top: 250px;
    position: relative;
    font-size: 10px;
    border: 3px solid var(--corback-signup);
    padding: 5px 10px;
    border-radius: 25px;
    text-align:center ;
    background-color: var(--corback-signup);
}

.Software:hover{
    background-color: var(--letrasNEON-cor);
    border: var(--letrasNEON-cor);
}

.Comprar{
    left: 415px;
    top: 330px;
    font-weight: 18.7px;
    font-family: var(--fonte-lateral);
    position: relative;
}

.Whatsapp{
    left: 780px;
    top: 280px;
    font-weight: 18.7px;
    font-family: var(--fonte-lateral);
    position: relative;
}

.Whatsapp_2{
    left: 820px;
    top: 280px;
    font-weight: 18.7px;
    font-family: var(--fonte-lateral);
    position: relative;
}

.impressora{
    left: 250px;
    top: -280px;
    position: relative;
}

.botao{
    left: 290px;
    top: -198px;
    position: relative;
    z-index: -1;
}

.botao_2{
    left: -575px;
    top: -198px;
    position: relative;
    z-index: -1;
}

.Cep{
    left: 1110px;
    top: -560px;
    position: relative;
}

.sacola{
    left: 15px;
    top: -315px;
    position: relative;
}

.what{
    left: 388px;
    top: -270px;
    position: relative;
}

.impressora_1{
    left: -245px;
    top: -750px;
    position: relative;
}

.impressora_2{
    left: -337px;
    top: -640px;
    position: relative;
}

.impressora_3{
    left: -427px;
    top: -520px;
    position: relative;
}

.impressora_4{
    left: -520px;
    top: -406px;
    position: relative;
}

.rodape{
    position: absolute;
    top: 110%;
    border: 3px solid var(--rodape-cor);
    background-color: var(--rodape-cor);
    padding: 270px 757px;
    border-radius: 2px;
}

.pague{
    position: absolute;
    left: 18%;
    top: 140%;
    font-size: 35px;
    font-family: var(--fonte-rodape1);
    color: var(--letra-cor);
}

.logorodape{
    position: absolute;
    top: 115%;
    left: 10%;
}

.pagamentos{
    position: absolute;
    top: 147.5%;
    left: 10%;
}

.conteudo{
    position: absolute;
    left: 80%;
    top: 120%;
    font-size: 35px;
    font-family: var(--fonte-rodape1);
    color: var(--letra-cor)
}

.fale{
    text-decoration: none;
    color: var(--letrainfo-cor);
    position: absolute;
    left: 80.3%;
    top: 128%;
    font-family: var(--fontes-cabecalho);
    font-size: 15px;
}

.politica{
    text-decoration: none;
    color: var(--letrainfo-cor);
    position: absolute;
    left: 78.2%;
    top: 134%;
    font-family: var(--fontes-cabecalho);
    font-size: 15px;
}

.trocas{
    text-decoration: none;
    color: var(--letrainfo-cor);
    position: absolute;
    left: 79.5%;
    top: 140%;
    font-family: var(--fontes-cabecalho);
    font-size: 15px;
}

.suporte{
    text-decoration: none;
    color: var(--letrainfo-cor);
    position: absolute;
    left: 79.9%;
    top: 146%;
    font-family: var(--fontes-cabecalho);
    font-size: 15px;
}

.atendimento{
    position: absolute;
    left: 49.6%;
    top: 120%;
    font-size: 35px;
    font-family: var(--fonte-rodape1);
    color: var(--letra-cor);
}

.telefone{
    position: absolute;
    left: 48.2%;
    top: 128%;
    font-size: 15px;
    font-family: var(--fontes-cabecalho);
    color: var(--letra-cor);

}

.tel{
    position: absolute;
    left: 46.2%;
    top: 127.5%;
}

.wpp{
    position: absolute;
    left: 47.5%;
    top: 134%;
    font-size: 15px;
    font-family: var(--fontes-cabecalho);
    color: var(--letra-cor);

}

.wppimg{
    position: absolute;
    left: 46%;
    top: 133.5%;
}


.email{
    position: absolute;
    left: 46.4%;
    top: 140%;
    font-size: 15px;
    font-family: var(--fontes-cabecalho);
    color: var(--letra-cor);
}

.mail{
    position: absolute;
    left: 44.5%;
    top: 140%;

}

.info{
    position: absolute;
    top: 180%;
    left: 15.5%;
    font-size: 15px;
    font-family: var(--fontes-cabecalho);
    color: var(--letra-cor);
}