@import"https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap";html{background-color:#333}body{margin:0;font-family:Quicksand,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden;color:#fff}.container .column{position:relative;padding:120px 40px}@media only screen and (max-width:600px){.container .column{padding:60px 30px}}.container .column{width:100%;max-width:1080px;overflow:hidden}.container .column h3{padding:0 0 40px;margin:0;font-size:22px;text-transform:uppercase;font-family:Exo,sans-serif}.container .column p{font-size:16px}*{margin:0;padding:0;border:0}p:not(:last-child){margin-bottom:15px}.header{background-image:linear-gradient(42deg,#ff0457,#12002f);height:100vh;min-height:777px}@media only screen and (max-width:600px){.header{height:100dvh;min-height:100dvh}}.header article{color:#fff;text-shadow:0 0 40px rgba(0,0,0,.5);z-index:1}.header article .logo{opacity:0;width:100px;height:100px;margin:-20px 30px 75px -10px}@media only screen and (max-width:600px){.header article .logo{margin-bottom:100px}}.header article h1{position:relative;font-size:5rem;letter-spacing:-.5px;margin-bottom:10px;z-index:1;font-family:Exo,sans-serif;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0}@media only screen and (max-width:600px){.header article h1{font-size:2.8rem;margin:0 0 15px;line-height:2.8rem}}.header article h2{position:relative;font-size:3rem;letter-spacing:-.5px;margin-bottom:0;z-index:1;font-family:Exo,sans-serif;font-weight:300;-webkit-user-select:none;user-select:none;opacity:0}@media only screen and (max-width:600px){.header article h2{font-size:1.75rem;margin:0 0 10px;line-height:2rem}}.header article p{font-size:30px;margin-bottom:100px;-webkit-user-select:none;user-select:none;opacity:0}@media only screen and (max-width:600px){.header article p{font-size:18px;margin-bottom:65px;max-width:80%}}.header article .header-buttons{opacity:0}.header article a{background-color:#fff;padding:15px 50px}@media only screen and (max-width:600px){.header article a{display:block;padding:20px}}.header article a{border:1px solid white;border-bottom-color:#cf0;border-radius:5px;color:#000;text-decoration:none;font-weight:700;transition:.2s}.header article a svg{width:10px;margin-left:5px;max-width:10px;transition:.2s}.header article a:hover{background-color:#000;color:#fff;text-decoration:none;border:1px solid black;padding:15px 80px}@media only screen and (max-width:600px){.header article a:hover{padding:20px}}.header article a:hover svg{fill:#fff}.three-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow-y:hidden}.three-background canvas{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%}.logo svg{overflow:visible;max-width:100px}.logo svg line{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.logo svg path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.about{background-color:#333}.about .column{z-index:1;display:inline-flex}@media only screen and (max-width:777px){.about .column{flex-direction:column}}.about .column .skills{flex:1;opacity:0}.about .column .skills .skill-group{margin-bottom:35px}.about .column .skills .skill-group:last-child{margin-bottom:0}.about .column .skills .skill-category{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;color:#cf0;opacity:0}.about .column .about-text{position:relative;flex:2;opacity:0}.about .column .about-text .geometric-me{position:absolute;top:0;left:0;width:42px;z-index:-1;opacity:0}.about .column .about-text a{color:#fff;font-weight:700;transition:.2s;text-decoration:none;border-bottom:0px solid white}.about .column .about-text a:hover{color:#cf0;border-bottom:1px solid #CCFF00}.about .column .about-text p{line-height:20px}.about .column article{flex:1}@media only screen and (max-width:777px){.about .column article{min-width:100%}}.about .column article .me{max-width:60px;margin-right:10px;margin-bottom:5px}.about .column article .skill-list{list-style-type:none;margin-bottom:60px}.about .column article .skill-list li{position:relative;margin-bottom:30px;opacity:0}.about .column article .skill-list li .skill-bar-back{top:25px;left:0;width:100%;height:15px;z-index:0;position:absolute;background-color:#000;border-radius:7px;box-shadow:5px 5px 10px #27003e66;transform-origin:left}.about .column article .skill-list li .skill-bar-front{position:absolute;top:25px;left:0;max-width:100%;height:15px;z-index:1;border-radius:7px;transform-origin:left}.about .column article .skill-list .skill-level-1 .skill-bar-front{width:10%}.about .column article .skill-list .skill-level-2 .skill-bar-front{width:20%}.about .column article .skill-list .skill-level-3 .skill-bar-front{width:30%}.about .column article .skill-list .skill-level-4 .skill-bar-front{width:40%}.about .column article .skill-list .skill-level-5 .skill-bar-front{width:50%}.about .column article .skill-list .skill-level-6 .skill-bar-front{width:60%}.about .column article .skill-list .skill-level-7 .skill-bar-front{width:70%}.about .column article .skill-list .skill-level-8 .skill-bar-front{width:80%}.about .column article .skill-list .skill-level-9 .skill-bar-front{width:90%}.about .column article .skill-list .skill-level-10 .skill-bar-front{width:100%}@media only screen and (min-width:777px){.about .column article:last-child{border-left:2px dashed black;padding-left:75px}}.about .column article:not(:last-child){margin-right:80px}@media only screen and (max-width:777px){.about .column article:not(:last-child){margin-right:0;margin-bottom:40px}}.about canvas{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;z-index:0}.header-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;vertical-align:middle;position:relative;top:-.1em;animation:rotate 20s linear infinite}.header-icon svg{display:block}.header-icon .icon-circle{fill:none;stroke:#cf0;stroke-width:1.5;opacity:.6}.header-icon .icon-diamond{fill:#cf0;opacity:.8}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-grid{overflow:hidden;opacity:0}.logo-grid .column{padding-top:0;margin-bottom:-50px}@media only screen and (max-width:777px){.logo-grid .column{margin-bottom:-25px}}.logo-grid .column h3{padding:0 0 30px;margin:0;font-size:22px;text-transform:uppercase}.logo-grid .column .logo-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:2rem}.logo-grid .column .logo-grid-container .logo-grid-item{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.logo-grid .column .logo-grid-container .logo-grid-item img{object-fit:contain;max-width:100%}@media only screen and (max-width:777px){.logo-grid .column .logo-grid-container{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));grid-gap:2rem}.logo-grid .column .logo-grid-container .logo-grid-item{width:50px;height:50px}}.contact-footer{opacity:0}.contact-footer .column{position:relative;z-index:1;display:flex;justify-content:space-between}@media only screen and (max-width:777px){.contact-footer .column{flex-direction:column}}.contact-footer .column p{margin-bottom:10px}.contact-footer .column p .phone-link{color:#fff;text-decoration:none;border-bottom:0px solid white;transition:.1s}.contact-footer .column p .email-link{font-weight:bolder;color:#fff;padding-bottom:0;border-bottom:0px solid white;transition:.1s}.contact-footer .column p a:hover{text-decoration:none;padding-bottom:3px;border-bottom:3px solid white}.contact-footer .column ul{list-style-type:none}@media only screen and (max-width:777px){.contact-footer .column ul{margin-top:10px}}.contact-footer .column ul li{display:inline;padding:0;margin:0}.contact-footer .column ul li a img{transition:.2s;width:42px;height:42px;max-width:42px}.contact-footer .column ul li a:hover img{transform:scale(1.2)}.contact-footer .column ul li:not(:last-child){margin-right:5px}.contact-footer .footer-left .copyright{margin-top:90px;font-size:9px}@media only screen and (max-width:777px){.contact-footer .footer-left .copyright{display:none}}.contact-footer .footer-right .copyright{display:none;margin-top:90px;font-size:9px}@media only screen and (max-width:777px){.contact-footer .footer-right .copyright{display:block}}.animated-particles{position:absolute;top:0;left:0;width:100vw;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;mix-blend-mode:hard-light;z-index:0}.animated-particles .bubble{position:absolute;top:0;left:0;width:200px;height:200px}@media only screen and (max-width:777px){.animated-particles .bubble{width:100px;height:100px}}.animated-particles .bubble{background:linear-gradient(45deg,#cf0,#0cf);background-size:contain;border-radius:50%;transform-origin:top left}