2026-06-10 13:28:46 -07:00
|
|
|
.home{display:flex;align-items:center;flex-direction:column;background-color:dimgray;margin:0}.home header{width:100%}.home header h1{margin:0}.home header h1 a{display:block;font-size:1.5rem;text-decoration:none;color:#1d1f20;background-color:#d7b94c;border:2px solid #d7b94c;padding:2px 2px}.home header h1 a:hover{color:#d7b94c;background-color:unset}.home header nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;overflow:hidden;position:relative}.home header nav .icon.icon-menu{position:absolute;z-index:999;display:block;right:2rem;width:30px;height:30px;transition:right 100ms ease}@media screen and (min-width: 600px){.home header nav .icon.icon-menu{display:none}}.home header nav .icon.icon-menu:before{content:"";display:block;background-image:url("/icons/menu-grid.svg");background-size:100%;position:absolute;width:30px;height:30px}.home header nav .icon.icon-menu:hover{cursor:pointer}.home header nav .icon.icon-menu.open{right:200px}.home header nav .front-menu{display:flex;flex-direction:column;gap:1rem;overflow:hidden;position:fixed;right:-100%;top:1rem;margin:0;padding:0;transition:right 200ms ease;background-color:#d7b94c}.home header nav .front-menu.open{right:0}@media screen and (min-width: 600px){.home header nav .front-menu{flex-direction:row;position:relative;top:unset;right:unset;background-color:unset}}.home header nav .front-menu{list-style:none}.home header nav .front-menu li{display:block;padding:5px 10px}.home header nav .front-menu li a{display:block;font-family:Amarante;color:#fbfcff;font-size:1.5rem;text-decoration:none;padding-bottom:2px}@media(min-width: 600px){.home header nav .front-menu li a{color:#d7b94c}}.home header nav .front-menu li a:hover{border-bottom:2px solid #d7b94c;padding-bottom:0}.home #root.v1{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;width:100%;margin:0 auto}.home #root.v1 section{margin:0;padding:1rem 0}.home #root.v1 section .title{margin:0}.home #root.v1 .top{display:flex;min-height:100vh;justify-content:center;align-items:flex-start;width:100%}@media(min-width: 600px){.home #root.v1 .top{align-items:center}}.home #root.v1 .top .computer{display:block;max-width:800px;max-height:400px;width:100%;height:100%;background-color:#1d1f20;border:2rem solid #a6a695;padding:1rem 1rem;box-shadow:0 0 5px 10px rgba(29,31,32,.45);margin-top:5rem}@media(min-width: 600px){.home #root.v1 .top .computer{margin-top:-2rem}}.home #root.v1 .top .computer .heading{margin:0;font-size:.85rem;font-family:Montserrat-Light;color:#d7b94c;position:relative;padding-left:1rem}@media screen and (min-width: 600px){.home #root.v1 .top .computer .heading{font-size:1rem}}.home #root.v1 .top .computer .heading:before{content:">";position:absolute;left:0;width:100%}.home #root.v1 .top .computer .heading:after{content:"|";position:absolute;right:0;width:100%;background:#1d1f20;animation:typing .5s steps(16) forwards,cursor 1s infinite}@media screen and (min-width: 600px){.home #root.v1 .top .computer .heading:after{animation:typing .5s steps(16) forwards,cursor 1s infinite}}.home #root.v1 .top .computer #intro{width:fit-content}.home #root.v1 .top .computer #intro .heading{width:260px}.home #root.v1 .top .computer #body{width:fit-content}.home #root.v1 .top .computer #body .about{opacity:0;animation:showText .1s forwards;animation-delay:1s;font-size:.95rem;color:#d7b94c}@media screen and (min-width: 600px){.home #root.v1 .top .computer #body .about{font-size:1.125rem;animation:showText .1s forwards;animation-delay:1s}}.home #root.v1 .top .computer #outro{width:fit-content}.home #root.v1 .top .computer #outro .heading{width:160px}.home #root.v1 .top .computer #outro .heading:after{color:#1d1f20;animation:typing .5s steps(16) forwards,cursor 1s infinite;animation-delay:2.5s}@media screen and (min-width: 600px){.home #root.v1 .top .computer #outro .heading:after{animation:typing .5s steps(16) forwards,cursor 1s infinite;animation-delay:2.5s}}.home #root.v1 .top .computer #outro .menu{opacity:0;animation:showText .1s forwards;animation-del
|
