body{background:linear-gradient(150deg,#11061e 25%,#f44433);background-size:250% 250%;font-family:Montserrat,sans-serif;animation:backgroundAnimation 5s ease-in-out infinite}@keyframes backgroundAnimation{0%{background-position:0% 50%}50%{background-position:50% 50%}to{background-position:0% 50%}}*{margin:0;padding:0;box-sizing:border-box}h1{font-size:40px}p{color:#fff;padding-top:20px;font-size:20px}.white{color:#fff}.red{color:#fe422e}.redirect-container{display:flex;gap:30px;position:absolute;padding:50px 15vw}.redirect{background:none;color:#939393;border:none;cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;transition:.2s}.redirect:hover{color:#fff;scale:1.05}.buttons{display:flex}.header{position:relative;height:500px;display:flex;align-items:center;justify-content:space-between;padding:0px 15vw;animation:backgroundAnimation 5s ease-in-out infinite;z-index:-1}@keyframes backgroundAnimation{0%{background-position:0% 50%}50%{background-position:20% 50%}to{background-position:0% 50%}}.header .title{display:flex;justify-content:center;flex-direction:column}.header .title h1{white-space:nowrap}.header .title div{padding-top:20px}.header .image{display:flex;align-items:flex-end;height:100%}.header .image img{height:120%;max-height:300%;object-fit:contain}.typing{color:#e8e8e8;font-size:20px;font-weight:200;color:#fff;overflow:hidden;white-space:nowrap;width:0ch;animation:typing-text 6s steps(22,end) forwards}@keyframes typing-text{0%{width:0ch}10%{width:0ch}30%{width:28ch}to{width:28ch}}.icon-container{position:absolute;top:50px;right:15vw;display:flex;flex-direction:column;gap:10px}.icon{width:30px;cursor:pointer;filter:invert() opacity(.7);transition:.2s}.icon:hover{filter:invert() opacity(1)}.sobre{padding:70px 15vw 0px;display:flex;align-items:center;background-color:#11061e;border-top-left-radius:250px 5%;border-top-right-radius:250px 5%}.sobre-img{width:500px}.projetos{display:flex;padding:50px 15vw 200px;flex-direction:column;align-items:center;background-color:#11061e;border-bottom-left-radius:250px 5%;border-bottom-right-radius:250px 5%}.contato{padding:70px 15vw 0px;display:flex;align-items:center;border-top-left-radius:250px 5%;border-top-right-radius:250px 5%}.card-container{padding-top:100px;width:100%;display:flex;align-items:center;justify-content:center;gap:20px}.card{background-color:#22182e;border-radius:20px;box-shadow:#0003 0 8px 24px;width:250px;height:300px;cursor:default}.card p{font-size:16px;display:flex;font-weight:500;padding-top:10px;padding-left:10px;padding-right:10px}.card h3{color:#fff;padding:10px 10px 0}.card a{position:relative;bottom:-20px;left:10px}.card a img{filter:invert();width:30px}.card a:hover img{filter:invert(38%) sepia(92%) saturate(4334%) hue-rotate(345deg) brightness(100%) contrast(98%)}.card-image{width:250px;height:130px;border-top-left-radius:20px;border-top-right-radius:20px}.background-contato{background:linear-gradient(400deg,#11061e 30%,#f44433);background-size:250% 250%;animation:anim-contato 5s ease-in-out infinite}@keyframes anim-contato{0%{background-position:30% 50%}50%{background-position:50% 50%}to{background-position:30% 50%}}.contato{display:flex;justify-content:center;flex-direction:column}.icons-contato{padding-top:50px;padding-bottom:50px;display:flex;gap:10px}.direitos{font-size:16px;padding-bottom:50px}@media (max-width: 1200px){*{margin:0;padding:0;box-sizing:border-box}h1{font-size:20px}p{color:#fff;padding-top:20px;font-size:15px}.white{color:#fff}.red{color:#fe422e}.redirect-container{display:flex;align-items:center;position:absolute;padding:50px 15vw}.redirect{background:none;color:#939393;border:none;cursor:pointer;font-family:Montserrat,sans-serif;font-size:12px;transition:.2s}.redirect:hover{color:#fff;scale:1.05}.buttons{display:flex}.header{position:relative;height:600px;display:flex;align-items:center;flex-direction:column;padding:120px 15vw;animation:backgroundAnimation 5s ease-in-out infinite;z-index:-1}.header .title{display:flex;justify-content:center;align-items:center;flex-direction:column}.header .title h1{white-space:nowrap}.header .title div{padding-top:20px}.header .image{display:flex;align-items:flex-end;height:100%}.header .image img{height:120%;max-height:300%;object-fit:contain}.typing{color:#e8e8e8;font-size:15px;font-weight:200;color:#fff;overflow:hidden;white-space:nowrap;display:flex;justify-content:center;width:0ch;animation:typing-text 1s steps(22,end) forwards}.icon-container{position:absolute;top:270px;right:15vw;display:flex;flex-direction:column;gap:10px}.icon{width:25px;cursor:pointer;filter:invert() opacity(.7);transition:.2s}.icon:hover{filter:invert() opacity(1)}.sobre{padding:70px 15vw 0px;display:flex;align-items:center;flex-direction:column;background-color:#11061e;border-top-left-radius:250px 5%;border-top-right-radius:250px 5%}.sobre-img{width:300px}.projetos{display:flex;padding:50px 15vw 200px;flex-direction:column;align-items:center;background-color:#11061e;border-bottom-left-radius:250px 5%;border-bottom-right-radius:250px 5%}.contato{padding:70px 15vw 0px;display:flex;align-items:center;border-top-left-radius:250px 5%;border-top-right-radius:250px 5%}.card-container{padding-top:100px;display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;gap:20px}.card{background-color:#22182e;border-radius:20px;box-shadow:#0003 0 8px 24px;width:30vw;height:40vw;cursor:default}.card p{font-size:2vw;display:flex;font-weight:500;padding-top:10px;padding-left:10px;padding-right:10px}.card h3{font-size:2vw;color:#fff;padding:10px 10px 0}.card a{position:relative;bottom:-10px;left:10px}.card a img{filter:invert();width:3vw}.card a:hover img{filter:invert(38%) sepia(92%) saturate(4334%) hue-rotate(345deg) brightness(100%) contrast(98%)}.card-image{width:30vw;height:15vw;border-top-left-radius:20px;border-top-right-radius:20px}.card:hover .card-image{content:url(./gifs/futuracursos.gif)}.background-contato{background:linear-gradient(400deg,#11061e 30%,#f44433);background-size:250% 250%;animation:anim-contato 5s ease-in-out infinite}@keyframes anim-contato{0%{background-position:30% 50%}50%{background-position:50% 50%}to{background-position:30% 50%}}.contato{display:flex;justify-content:center;flex-direction:column}.icons-contato{padding-top:50px;padding-bottom:50px;display:flex;gap:10px}.direitos{font-size:10px;padding-bottom:50px}}
