:root{--first-color: #e20000;--light-1: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Josefin Sans,sans-serif}#loadingScreen{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column}.spinner{width:40px;height:40px;border:6px solid #f3f3f3;border-top:6px solid #000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.loaded #loadingScreen{display:none}#backgroundCanvas{position:fixed;top:0;left:0;width:100%;height:fit-content;z-index:-1}.home{height:100%;display:flex;align-items:center;flex-direction:column}span{color:var(--first-color)}.image img{margin:1.5rem 1.5rem 1rem;width:240px;border-radius:100%;border:15px inset red}.group{padding:10px;display:flex;align-items:center;flex-direction:column}.group h4,.content h4,.content h1,.content h3{color:var(--light-1)}.group h4{font-size:2.4rem}.btn{width:550px;font-size:1.2rem;margin:.8rem 0rem;padding:30px 20px;background-color:var(--first-color);border-radius:40px;border:3px solid transparent;color:var(--light-1);text-align:center;text-decoration:none;font-weight:bolder;transition:.4s}.btn:hover{background-color:transparent;color:var(--first-color);border-color:var(--first-color)}.content{display:flex;align-items:center;flex-direction:column;text-align:center}.content h1{font-size:4rem;padding:.5rem;letter-spacing:.1rem}.content h3{font-size:2.4rem;margin-bottom:1rem}.content h4{font-size:1.6rem}.media{display:flex;justify-content:center;gap:1.6rem;margin-bottom:1.5rem}.media img{width:60px;transition:.4s}.media img:hover{transform:scale(1.2)}@media (max-width: 600px){.image img{margin:.8rem 0rem .4rem;width:140px;border-radius:100%;border:8px inset red}.group{padding:5px}.group h4{font-size:1.4rem}.btn{width:300px;font-size:.8rem;margin:.4rem 0rem;padding:18px 12px;border-radius:40px;border:3px solid transparent}.content h1{font-size:2rem;padding:.2rem}.content h3{font-size:1.2rem;margin-bottom:.6rem}.content h4{font-size:1rem}.media{gap:.6rem;margin-bottom:.6rem}.media img{width:40px}#loadingScreen h2{font-size:1rem}.spinner{width:35px;height:35px}}