@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";html,body{height:100%;margin:0;padding:0;font-family:Orbitron,sans-serif;background-color:#0f0f0f;color:#00f0ff}#home-root{height:100vh;width:100vw;background:radial-gradient(circle at top left,#0d0d0d,#000);color:#0ff}#home-content{position:absolute;top:15px;left:15px;right:15px;bottom:15px;border:2px solid #ff00cc;box-shadow:0 0 20px #f0c;display:flex;flex-direction:column}#personal-info{height:40%;width:100%;padding:10px;overflow:auto;border-bottom:2px solid #ff00cc;background-color:#0a0a1499;display:flex;flex-direction:column}.personal-info-card-line{padding:10px;border-bottom:1px solid #00ffff;text-shadow:0 0 5px #00ffff,0 0 10px #00ffff;display:flex;justify-content:space-between}#portfolio-info{height:60%;width:100%;background-color:#14051e66;display:flex;flex-direction:column}#sections-tabstrip{display:flex;flex-direction:column;gap:5px;height:auto;width:100%;overflow-x:visible}.sections-button{width:auto;min-width:200px;height:50px;display:flex;align-items:center;padding-left:20px;scroll-snap-align:start;background:linear-gradient(145deg,#f0c,#303);border:2px solid #00ffff;border-radius:10px;box-shadow:0 0 3px #0ff;transition:transform .3s ease;cursor:pointer}.sections-button:hover{transform:scale(1.02)}#miscellaneous{height:90%;width:100%;background:#00ffff1a;border-top:2px solid #00ffff}.miscellaneous-content{height:100%;background-color:#f0f3;box-shadow:0 0 10px #f0c}@media (min-width: 768px){#home-content{flex-direction:row}#personal-info{height:97%;width:30%;border-right:2px solid #ff00cc;border-bottom:none}#portfolio-info{height:100%;width:70%}#sections-tabstrip{flex-direction:row;height:10%}.sections-button{width:auto;min-width:200px}}