@import url(https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/fira_code.min.css);@import url(https://fonts.cdnfonts.com/css/vt323);@media only screen and (max-width:768px){body{font-size:18px;padding:10px}.container{margin:10px;padding:15px;width:95%}input[type=email],input[type=text],textarea{font-size:18px;padding:15px}input[type=submit]{font-size:20px;padding:15px}}@media only screen and (max-width:480px){body{font-size:16px;padding:5px}.container{margin:5px;padding:10px}input[type=email],input[type=text],textarea{font-size:16px;padding:12px}input[type=submit]{font-size:18px;padding:12px}}@media screen and (max-width:600px){.column,input[type=submit]{margin-top:0;width:100%}}:root{--terminal-green:#0f0;--terminal-dark:#0c0c0c;--terminal-shadow:#0f03;--terminal-font:"VT323","Fira Code",monospace;--terminal-link:#0ff;--terminal-highlight:#39ff14}*{box-sizing:border-box;margin:0;padding:0}body{background:#0c0c0c;background:var(--terminal-dark);color:#0f0;color:var(--terminal-green);font-family:VT323,Fira Code,monospace;font-family:var(--terminal-font);padding:20px}#matrix-bg{height:100vh;left:0;opacity:.15;position:fixed;top:0;width:100vw;z-index:-1}.container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0c0c0cf2;border:1px solid #0f0;border:1px solid var(--terminal-green);box-shadow:0 0 20px #0f03;box-shadow:0 0 20px var(--terminal-shadow);margin-bottom:40px;padding:10px 10%}#header{align-items:center;background:#0c0c0c;background:var(--terminal-dark);display:flex;justify-content:center;margin-inline:auto;max-width:fit-content;text-align:center}.terminal-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0c0c0cf2;border:1px solid #0f0;border:1px solid var(--terminal-green);box-shadow:0 0 20px #0f03;box-shadow:0 0 20px var(--terminal-shadow);margin:20px auto;max-width:1000px;position:relative;width:90%}.terminal-header{align-items:center;background:#0f0;background:var(--terminal-green);color:#0c0c0c;color:var(--terminal-dark);display:flex;font-size:24px;justify-content:space-between;padding:12px}.terminal-header .controls{display:flex;gap:10px}.terminal-header .control{border:1px solid #0c0c0c;border:1px solid var(--terminal-dark);border-radius:50%;height:15px;width:15px}.terminal-header .control.close{background:#ff5f56}.terminal-header .control.minimize{background:#ffbd2e}.terminal-header .control.maximize{background:#27c93f}nav{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.logo{filter:drop-shadow(0 0 5px #00ff00);filter:drop-shadow(0 0 5px var(--terminal-green));margin-inline:auto;width:140px}nav ul li{display:inline-block;list-style:none;margin:10px 20px}nav ul li a{color:#0f0;color:var(--terminal-green);font-size:18px;position:relative;text-decoration:none;transition:all .3s ease}nav ul li a:after{background:#39ff14;background:var(--terminal-highlight);bottom:-6px;content:"";height:3px;left:0;position:absolute;transition:.5s;width:0}nav ul li a:hover:after{width:100%}a{border-bottom:1px solid #0000;color:#0ff;color:var(--terminal-link);text-decoration:none;transition:all .3s ease}a:hover{border-bottom:1px solid #39ff14;border-bottom:1px solid var(--terminal-highlight);color:#39ff14;color:var(--terminal-highlight);text-shadow:0 0 8px #39ff14;text-shadow:0 0 8px var(--terminal-highlight)}.header-text{font-size:30px;margin-top:10%;text-align:center}.header-text h1{color:#0f0;color:var(--terminal-green);font-size:60px;margin-top:20px}.header-text h1 span{color:#39ff14;color:var(--terminal-highlight)}.resume-link{text-decoration:none}.button{background-color:#0f03;background-color:var(--terminal-shadow);border:1px solid #0f0;border:1px solid var(--terminal-green,#0f0);border-radius:4px;color:#0c0c0c;color:var(--terminal-dark,#0c0c0c);cursor:pointer;display:inline-block;font-size:16px;height:fit-content;padding:15px 32px;text-align:center;transition:all .3s ease}.resume{font-weight:700;letter-spacing:1px}.button:hover{background-color:#0f0;background-color:var(--terminal-green,#0f0);color:#0c0c0c;color:var(--terminal-dark,#0c0c0c);text-shadow:0 0 8px #39ff14;text-shadow:0 0 8px var(--terminal-highlight,#39ff14)}.glitch-text{display:inline-block;font-size:24px;font-weight:700;position:relative}.glitch-text:after,.glitch-text:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch-text:before{animation:glitch-1 2s linear infinite alternate-reverse;left:2px;text-shadow:-2px 0 #0ff;text-shadow:-2px 0 var(--terminal-link)}.glitch-text:after{animation:glitch-2 2s linear infinite alternate-reverse;left:-2px;text-shadow:2px 0 #39ff14;text-shadow:2px 0 var(--terminal-highlight)}@keyframes glitch-1{0%{clip-path:inset(20% 0 30% 0)}20%{clip-path:inset(65% 0 1% 0)}40%{clip-path:inset(43% 0 1% 0)}60%{clip-path:inset(25% 0 58% 0)}80%{clip-path:inset(75% 0 5% 0)}to{clip-path:inset(10% 0 85% 0)}}@keyframes glitch-2{0%{clip-path:inset(25% 0 58% 0)}20%{clip-path:inset(75% 0 5% 0)}40%{clip-path:inset(10% 0 85% 0)}60%{clip-path:inset(20% 0 30% 0)}80%{clip-path:inset(65% 0 1% 0)}to{clip-path:inset(43% 0 1% 0)}}#about{color:#0f0;color:var(--terminal-green);padding:200px 0}.row{display:flex;flex-wrap:wrap;justify-content:space-between}.about-col-1{flex-basis:35%}.about-col-1 img{border:1px solid #0f0;border:1px solid var(--terminal-green);border-radius:15px;width:100%}.about-col-2{flex-basis:60%}.sub-title{color:#0f0;color:var(--terminal-green);font-size:60px;font-weight:600}.tab-titles{display:flex;margin:20px 0 40px}.tab-links{color:#0f0;color:var(--terminal-green);cursor:pointer;font-size:18px;font-weight:500;margin-right:50px;position:relative}.tab-links:after{background:#39ff14;background:var(--terminal-highlight);bottom:-8px;content:"";height:3px;left:0;position:absolute;transition:.5s;width:0}.tab-links.active-link:after{width:50%}.tab-contents ul li{list-style:none;margin:10px 0}.tab-contents ul li span{color:#39ff14;color:var(--terminal-highlight);font-size:14px}.tab-contents{display:none}.tab-contents.active-tab{display:block}input[type=email],input[type=text]{display:block}input[type=email],input[type=text],textarea{background-color:#000000b3;border:1px solid #0f0;border:1px solid var(--terminal-green);color:#0f0;color:var(--terminal-green);font-family:VT323,Fira Code,monospace;font-family:var(--terminal-font);font-size:20px;margin-bottom:15px;padding:20px;width:100%}textarea{box-shadow:inset 0 0 15px #00ff001a;height:200px;line-height:1.4;resize:vertical}input[type=email]:focus,input[type=text]:focus,textarea:focus{border-color:#0f0;border-color:var(--terminal-green);box-shadow:0 0 20px #00ff004d;outline:none}textarea::placeholder{color:#00ff004d}input[type=submit]{background-color:#000000b3;border:1px solid #0f0;border:1px solid var(--terminal-green);color:#0f0;color:var(--terminal-green);cursor:pointer;display:block;font-family:VT323,Fira Code,monospace;font-family:var(--terminal-font);font-size:24px;letter-spacing:3px;margin-top:25px;padding:20px;text-transform:uppercase;transition:all .3s ease;width:100%}input[type=submit]:hover{background-color:#0f0;background-color:var(--terminal-green);box-shadow:0 0 25px #0f06;color:#0c0c0c;color:var(--terminal-dark)}.terminal-cursor{animation:blink 1s step-end infinite;background:#0f0;background:var(--terminal-green);box-shadow:0 0 5px #0f03;box-shadow:0 0 5px var(--terminal-shadow);display:inline-block;height:1em;margin-left:2px;vertical-align:middle;width:1ch}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media only screen and (max-width:768px){body{font-size:18px;padding:10px}.about{width:80%}.container{margin:10px;padding:15px;width:80%}.terminal-container{margin:10px auto;padding:15px;width:100%}input[type=email],input[type=text],textarea{font-size:18px;padding:15px}input[type=submit]{font-size:20px;padding:15px}nav ul li{margin:5px 10px}}@media only screen and (max-width:480px){body{font-size:16px;padding:5px}.container{margin:5px;padding:10px}.terminal-container{margin:5px auto;padding:10px;width:80%}input[type=email],input[type=text],textarea{font-size:16px;padding:12px}input[type=submit]{font-size:18px;padding:12px}.header-text{font-size:24px;margin-top:5%}.header-text h1{font-size:40px}}@media screen and (max-width:600px){.column,input[type=submit]{margin-top:0;width:90%}.tab-titles{align-items:flex-start;flex-direction:column}.tab-links{margin-bottom:10px;margin-right:0}}
/*# sourceMappingURL=main.4fbeaab2.css.map*/