body{background:#000;margin:0}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.ttf)}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--text:#fff;--border:#fff;--accent:#32d600}body{background-color:var(--bg);color:var(--text);background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:40px 40px;font-family:IBM Plex Mono,monospace;line-height:1.6}.page{flex-direction:column;justify-content:space-around;align-items:center;min-height:100vh;display:flex}.header{justify-content:space-between;align-items:center;width:100%;padding:0 10%;display:flex}.logo{flex-direction:column;gap:8px;max-width:600px;display:flex}.name{font-size:clamp(28px,5vw,48px)}.description{color:#fff;font-size:clamp(16px,2vw,24px)}.downloadcv{color:var(--text);border:.5px solid var(--border);padding:12px 24px;font-size:20px;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.downloadcv span{background:var(--accent);position:absolute}.downloadcv span:first-child{width:100%;height:1px;top:0;left:-100%}.downloadcv span:nth-child(2){width:1px;height:100%;top:-100%;right:0}.downloadcv span:nth-child(3){width:100%;height:1px;bottom:0;right:-100%}.downloadcv span:nth-child(4){width:1px;height:100%;bottom:-100%;left:0}.downloadcv:hover span:first-child{transition:all .5s;left:100%}.downloadcv:hover span:nth-child(2){transition:all .5s .125s;top:100%}.downloadcv:hover span:nth-child(3){transition:all .5s .25s;right:100%}.downloadcv:hover span:nth-child(4){transition:all .5s .375s;bottom:100%}.downloadcv:hover{border-color:var(--accent);color:var(--accent)}.footer-content{color:var(--accent);flex-direction:row;gap:15px;display:flex}.contact{width:90%;padding:80px 10%}.contact-grid{grid-template-columns:repeat(1,1fr);gap:30px;display:grid}.contact-item{border:.5px solid var(--border);padding:10px;transition:all .2s}.contact-label{color:#888;margin-bottom:8px;font-size:12px}.contact-item a{color:var(--text);font-size:20px;text-decoration:none;transition:color .2s}.contact-item:hover{border-color:var(--accent)}.contact-item:hover a{color:var(--accent)}.contact-title{text-align:center;color:var(--accent);letter-spacing:2px;margin-bottom:40px;font-size:22px}@media (width<=768px){.page{text-align:center;justify-content:center}.header{flex-direction:column;gap:40px}.contact-grid{grid-template-columns:1fr}.logo{align-items:center}}