:root{--green:#66ff66;--radial:#0d400d;--green:#FFA500;--radial:#2c1b08}*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:#302f3d}h1,h2,h3,h4,p{margin:0}ul{list-style:none}body{background-color:#000;background:radial-gradient(var(--radial),#000);box-shadow:inset 0 0 30vw #000;color:orange;margin:0;font-size:1.5rem;text-shadow:0 0 7px rgb(from var(--green) calc(r + 40) calc(g + 40) b);font-family:VT323,monospace;min-height:100svh;min-height:100vh;-webkit-font-smoothing:antialiased}main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;margin:auto;min-height:100svh;min-height:100vh}h1{font-size:calc(5rem + 2vw);color:#fef1d9}.rtated{display:inline-block;transform:scaleX(-1)}.desc{display:flex;margin-top:20px}#caret{position:relative;display:inline-block;background-color:var(--green);width:5px;height:1.5rem}#caret.blinking{animation:blink .8s steps(5,start) infinite;-webkit-animation:blink .8s steps(5,start) infinite}@keyframes blink{to{visibility:hidden}}@-webkit-keyframes blink{to{visibility:hidden}}.btn{margin-top:20px;padding:10px 20px;background-color:transparent;color:var(--green);border:0;box-shadow:0 2px var(--green),0 -2px var(--green),2px 0 var(--green),-2px 0 var(--green),0 10px #00000038,2px 2px #00000038,-2px 2px #00000038}.btn:hover{color:var(--green);box-shadow:none}.portfolio{position:fixed;left:50%;transform:translate(-50%,50%);bottom:0;display:flex;flex-wrap:wrap;width:100%;gap:0}.portfolio img{width:14%;flex:1;box-shadow:15px 0 42px 9px rgba(0,0,0,.76);-webkit-box-shadow:15px 0 42px 9px rgba(0,0,0,.76);-moz-box-shadow:15px 0 42px 9px rgba(0,0,0,.76);cursor:pointer;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);filter:grayscale(100%)}.portfolio img:hover{transform:translateY(-50%);filter:grayscale(0)}