*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0e0b16!important;font-family:Montserrat,sans-serif;color:#e0e0e0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}@font-face{font-family:Coolvetica;src:url(../fonts/coolvetica.otf) format('opentype');font-weight:400;font-style:normal}#hitmastery-link{font-family:Coolvetica,Arial,sans-serif;text-transform:uppercase;background:#fff;padding:5px 7px 5px 10px;color:#0e0b16;font-weight:700;transition:transform .3s ease,color .3s ease}#hitmastery-link:hover{background:#f04848;transition:transform .3s ease,color .3s ease}.container{display:flex;width:90%;max-width:1200px}.content{flex:1;display:flex;flex-direction:column;justify-content:center;padding-right:40px}.glitch{font-size:3rem;font-weight:700;color:#e0e0e0;position:relative;text-transform:uppercase;margin-bottom:20px;animation:glitch-animation 2s infinite}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background-color:inherit;overflow:hidden;clip:rect(0,900px,0,0)}.glitch:before{left:2px;text-shadow:-2px 0 red;animation:glitch-animation-2 2s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00f;animation:glitch-animation-3 1.5s infinite linear alternate-reverse}@keyframes glitch-animation{0%{transform:translate(0)}20%{transform:translate(-2px,-2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,2px)}100%{transform:translate(0)}}@keyframes glitch-animation-2{0%{clip:rect(0,900px,0,0)}100%{clip:rect(10px,900px,30px,0)}}@keyframes glitch-animation-3{0%{clip:rect(0,900px,0,0)}100%{clip:rect(10px,900px,20px,0)}}.hero-image{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background-color:transparent}.hero-image img{max-width:100%;height:auto;filter:brightness(120%);position:relative;animation:subtle-glitch .1s infinite}.hero-image::after,.hero-image::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;z-index:-1;opacity:.8;mix-blend-mode:screen;clip:rect(0,100%,0,0);animation:scanlines 3s infinite}.hero-image::after{clip:rect(0,100%,0,0);z-index:-2;opacity:.6;animation:subtle-glitch-lines-2 3s infinite linear alternate-reverse;filter:hue-rotate(90deg)}@keyframes subtle-glitch{0%,100%{transform:translate(0)}20%{transform:translate(-2px,0)}40%{transform:translate(2px,0)}60%{transform:translate(-1px,0)}80%{transform:translate(1px,0)}}@keyframes subtle-glitch-lines{0%{clip:rect(10px,9999px,20px,0);transform:translateY(-2px)}20%{clip:rect(30px,9999px,50px,0);transform:translateY(2px)}40%{clip:rect(0,9999px,30px,0);transform:translateY(-1px)}60%{clip:rect(50px,9999px,80px,0);transform:translateY(1px)}80%{clip:rect(30px,9999px,60px,0);transform:translateY(-1px)}100%{clip:rect(20px,9999px,40px,0);transform:translateY(2px)}}@keyframes subtle-glitch-lines-2{0%{clip:rect(5px,9999px,15px,0);transform:translateY(1px)}20%{clip:rect(25px,9999px,45px,0);transform:translateY(-1px)}40%{clip:rect(10px,9999px,35px,0);transform:translateY(2px)}60%{clip:rect(55px,9999px,85px,0);transform:translateY(-2px)}80%{clip:rect(35px,9999px,65px,0);transform:translateY(1px)}100%{clip:rect(15px,9999px,25px,0);transform:translateY(-1px)}}@keyframes scanlines{0%,100%{background-size:100% 1px}50%{background-size:100% 2px}}@keyframes glitch-lines{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.nav{list-style-type:none;font-size:1.2rem;line-height:2.5rem;letter-spacing:1px;margin-top:15px}.nav li{cursor:pointer;transition:color .3s}.nav li i{margin-right:8px;vertical-align:middle}.nav li:hover{color:#f04848}.social{margin-top:30px}.social a{margin:0 10px;color:#fff;font-size:24px;transition:color .3s;text-decoration:none}.social i{font-size:1.5rem;color:#e0e0e0;transition:transform .3s ease,color .3s ease}.social i:hover{color:#f04848;transform:scale(1.2)}@keyframes drop-off{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(100vh) rotate(360deg)}}@keyframes drop-back{0%{transform:translateY(-100vh) rotate(-360deg)}100%{transform:translateY(0) rotate(0)}}.email-icon{display:inline-block;transition:transform .3s ease}.email-icon.drop i{animation:drop-off 3s ease-in-out forwards}.email-icon.come-back i{animation:drop-back 1.5s ease-in-out forwards}.social a:hover{opacity:1}.nav li{cursor:pointer;transition:color .3s;margin-bottom:15px;font-size:25px;letter-spacing:1px}.nav li i{margin-left:8px;font-size:1.1rem;vertical-align:middle}.nav li:hover{color:#f04848}.tools-used{margin-top:30px}.tools-used h3{font-size:1.5rem;margin-bottom:15px}.tool-icons i{font-size:2rem;margin-right:15px;color:#e0e0e0;transition:color .3s}.tool-icons i:hover{color:#f04848}.social img{width:20px;margin-top:20px}header{text-align:center;margin-bottom:50px}header .glitch{font-size:3rem;font-weight:700;color:#e0e0e0;text-transform:uppercase}header hr{border-color:#e0e0e0;margin:20px auto;width:50%}.nav a{color:#fff;text-decoration:none}.nav a:hover{color:#f04848;text-decoration:none}input,textarea{caret-color:transparent}body{user-select:none}[contenteditable=true]{caret-color:transparent}.coding-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-1}.coding-rain span{position:absolute;top:-50px;font-size:20px;font-weight:700;color:#1a1627;animation:rain 100005s linear infinite;opacity:0}.email-icon{transition:transform .3s ease}.email-icon.drop{animation:drop-off 1.5s ease-in-out forwards}@keyframes rain{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100vh)}}@keyframes drop-off{0%{transform:translateY(0)}100%{transform:translateY(100vh)}}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-right-color:transparent}50%{border-right-color:#f04848}}.typing-effect{opacity:0;overflow:hidden;white-space:nowrap;border-right:3px solid #f04848;width:0;animation:typing 3s steps(30,end) forwards,blink-caret .5s step-end infinite}.hide-caret{border-right:none;animation:none}.flicker{animation:flickerAnimation 3s infinite}@keyframes flickerAnimation{0%,100%{opacity:1}10%{opacity:.5}20%{opacity:.8}30%{opacity:.3}40%{opacity:1}50%{opacity:.7}60%{opacity:.4}70%{opacity:1}80%{opacity:.6}90%{opacity:.2}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}100%{transform:translate(1px,-2px) rotate(-1deg)}}.shake{animation:shake .5s;animation-timing-function:ease-in-out}
/*# sourceMappingURL=styles.css.map */