:root{--title-font: "Indie Flower";--subtitle-font: "IBM Plex Mono";--text-font: "Cabin";--text-color: #011936}html,body{overscroll-behavior:none}body{font-family:var(--text-font);font-size:1.1vw;color:var(--text-color);margin:0;max-width:100%;overflow-x:hidden}h1{font-family:var(--title-font);font-size:9vw;margin-bottom:0}h2{font-family:var(--subtitle-font);font-size:1.4vw;width:fit-content;height:fit-content}a{text-decoration:none;color:#551a8b}#main-page{position:absolute;width:100%;height:100%;overflow:hidden}.card{overflow:visible;align-self:center;backface-visibility:hidden}.dino{background-image:url(/dino.png);background-size:contain;background-repeat:no-repeat}#cards-container{display:flex;align-items:center;width:100%;height:100%;transition:transform 1.5s ease}#hello-card{display:grid;justify-content:left;align-items:center;z-index:20}.hello-text{grid-column-start:1;grid-row-start:1;grid-row-end:3;height:100%;margin:0 13vw}.hello-title{margin:0}.house-container{position:relative;display:flex;grid-column-start:2;grid-row-start:2;bottom:0;overflow:visible;z-index:10;transition:transform 1.5s ease}.house{width:7vw;height:7vw;position:absolute}.house-side{width:3.5vw;height:7vw}.house-top{width:2.5vw;height:3vw}.right-side{width:1vw;z-index:5;background-color:#000}.left-side{z-index:20;background-color:#000}#hello-dino{width:4vw;height:3.8vw;transform:scaleX(-1);position:absolute;left:8vw;bottom:0;z-index:10;transition:left 1.5s ease}#down-arrow{position:absolute;bottom:15%;left:50%;font-weight:700;text-align:center}#down-arrow p{margin-bottom:0}#down-arrow svg{margin-top:0;margin-bottom:10px;animation:1s ease 0s infinite floating}@keyframes floating{0%{margin-top:0;margin-bottom:10px}50%{margin-top:10px;margin-bottom:0}to{margin-top:0;margin-bottom:10px}}#about-card{display:grid;justify-content:space-around;align-items:center;width:100%;height:100%;margin:0;position:absolute;overflow:hidden;z-index:15}.about-desc{width:100%;grid-column-start:2;grid-column-end:3;margin-left:60vw;margin-right:-60vw;transition:margin 1.5s ease}#about-dino{width:35vw;height:35vw;bottom:0;grid-column-start:1;margin-left:-30vw;margin-right:30vw;transition:margin 1.5s ease}#projects-card{display:flex;flex-direction:column;width:100%;height:100%;margin:0;position:absolute;text-align:center;z-index:10}#projects-card h1{transition:margin 1.5s ease-out}#project-wall{display:flex;justify-content:left;flex-grow:1;position:relative;gap:500pt;overflow:hidden}.project{display:block;flex:0 0 auto;background-color:#ffd89e;border:20px solid #db965a;border-radius:20px;margin-top:20px;width:500pt;height:350pt;font-size:18pt;backface-visibility:hidden;transition:transform .3s ease}.project:hover{transform:scale(1.05)}.project:first-of-type{margin-left:calc(50vw - 250pt);transition:margin-left .7s ease,transform .3s ease}.project p{margin:10px 5px;transition:opacity 1.5s ease}.project p:not(.project-title){color:var(--text-color)}.project-title{font-family:var(--subtitle-font);font-weight:700;font-size:32pt}.project img{width:100%;max-width:90%;height:100%;max-height:70%;object-fit:contain}.project-arrow{position:absolute;top:175pt;background-color:transparent;border:none;transition:opacity .5s ease}#project-arrow-left{left:calc(50% - 300pt);animation:1s ease 0s infinite float-left}#project-arrow-right{right:calc(50% - 330pt);animation:1s ease 0s infinite float-right}@keyframes float-left{0%{margin-left:0;margin-right:10px}50%{margin-left:10px;margin-right:0}to{margin-left:0;margin-right:10px}}@keyframes float-right{0%{margin-right:0;margin-left:10px}50%{margin-right:10px;margin-left:0}to{margin-right:0;margin-left:10px}}