*{box-sizing:border-box}:root{--bg-color: #fcfcfa;--primary-color: #fefaf3;--box-border: 3px solid black;--box-gap: 10px;--box-gap-lg: 1.25rem;--box-gap-xl: 4rem;--box-radius: 1rem;--content-margin: .625rem 1.25rem;--highlight-color-yellow: linear-gradient( 90deg, #fde386 0%, #f8ecb1c9 40%, #f8ecb1c9 90%, #fde386 100% );--highlight-color-green: linear-gradient( 90deg, #86fdae 0%, #b1f8c3c9 40%, #b1f8cac9 90%, #86fdae 100% );--highlight-color-blue: linear-gradient( 90deg, #86cbfd 0%, #81d1ffc9 40%, #81d1ffc9 90%, #86cbfd 100% );--highlight-color-purple: linear-gradient( 90deg, #b69bfc 0%, #c3b7e1 40%, #c3b7e1 90%, #b69bfc 100% );--highlight-color-red: linear-gradient( 90deg, #fd8080 0%, #fdb7b7 40%, #fdb7b7 90%, #fd8080 100% );--highlight-color-red: linear-gradient( 90deg, #fd8e97 0%, #fdb7be 40%, #fdb7be 90%, #fd8e97 100% );--text-yellow: #dc9805;--text-blue: #0b5180;--text-green: #01812b;--text-purple: #6848ba;--text-red: #c40101;font-family:Geist Mono,monospace;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);margin:0 17%;font-family:Geist Mono,monospace;overflow-x:hidden}.hover-effect{box-sizing:border-box;cursor:pointer;box-shadow:0 0 #000;transform:translate(0);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.hover-effect:hover{box-shadow:2px 2px #000;transform:translate(-4px,-4px);transition:.2s ease-in-out}.hover-effect:active{box-shadow:0 0 #000;transform:translate(0);transition:none;transition:.2s ease-in-out}html{font-size:16px;scroll-behavior:smooth}#app{padding:10px;overflow:hidden}.heading-container{display:flex;justify-content:center}.heading{margin:3rem 0;font-size:1.7rem;text-align:center;position:relative;display:inline-block}.heading:before{content:"";position:absolute;top:3%;left:-10%;width:120%;height:1.3em;background:var(--highlight-color-yellow);z-index:-1;transform:rotate(-7deg);border-radius:var(--box-radius)}.heading-projects:before{background:var(--highlight-color-green)}.heading-packages:before{background:var(--highlight-color-green)}.heading-games:before{background:var(--highlight-color-blue)}.heading-assets:before{background:var(--highlight-color-purple)}.heading-contact:before{background:var(--highlight-color-red)}a{text-decoration:none;color:#000}ul,li{list-style:none;margin:0;padding:0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hidden-section{opacity:0;transform:translateY(50px);transition:all .6s ease-out}.visible-section{opacity:1;transform:translateY(0)}@media screen and (min-width: 1800px){html{font-size:23px}#app{max-width:1100px;padding:10px;overflow:hidden}}@media screen and (max-width:1200px){html{font-size:15px}body{margin:0 14%}}@media screen and (max-width:1020px){html{font-size:14px}body{margin:0 8%}}@media screen and (max-width:820px){html{font-size:13px}}@media screen and (max-width:768px){:root{--box-border: 2px solid black;--box-gap: 6px}body{margin:0 10px}html{font-size:12px}}