.circle{border-radius:50%}.dinoBlock{background-color:#77a;border-radius:50%;width:100vmin;height:100vmin;position:absolute;top:-5vmin;right:-10vmin;z-index:0!important}#dinoBox{overflow:hidden}#backer{filter:blur(1px);width:110vh;height:110vh;position:absolute}#cat{filter:drop-shadow(3vh 3vh 3vh #222);height:20vmin;animation:10s ease-in-out 10 catParallax;position:absolute;bottom:14vmin;left:4vmin}#wall{filter:drop-shadow(5vh 5vh 5vh #222);width:110vmin;height:150vmin;animation:10s ease-in-out 10 wallParallax;position:absolute;bottom:0;left:-7vmin}#dino{filter:drop-shadow(3vh 3vh 3vh #222);height:75vmin;animation:10s ease-in-out 10 dinoParallax;position:absolute;right:-6vmin}@media (max-aspect-ratio:17/10){.dinoBlock{background-color:#75a}}@media (max-aspect-ratio:10/10){.dinoBlock{background-color:#7ea;width:100vmin;height:100vmin;top:-5vmin;left:0}}@keyframes dinoParallax{0%,to{transform:translate(-.75vh)}50%{transform:translate(.75vh)translateY(-.75vh)rotate(-3deg)}}@keyframes catParallax{0%,to{transform:translate(-1vh)}50%{transform:translate(1vh)translateY(-1vh)rotate(3.5deg)}}@keyframes wallParallax{0%,to{transform:translate(-.6vh)}50%{transform:translate(.6vh)translateY(-.3vh)}}
.container{width:100%}.spacer{height:65px}.main{width:100%}.parent{grid-column-gap:0px;grid-row-gap:20px;grid-template-rows:.5fr repeat(3,1fr) .5fr;grid-template-columns:repeat(2,1fr);display:grid}.introText{grid-area:2/1/3/2}.descriptionText{grid-area:3/1/4/2}.skillsText{grid-area:4/1/5/2}.dinoRight{grid-area:1/2/6/3}.intro{width:100vw;min-height:calc(100vh - 64px);position:absolute;top:64px;overflow:visible}.introBlock{justify-content:center;width:55vw;height:calc(100vh - 64px);display:flex;position:absolute;top:0;left:0}.headline{-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);z-index:99;min-width:fit-content;position:absolute;top:30vh}.code-info{z-index:99;max-width:fit-content;position:absolute;top:50%}.dinoBlock{background-color:#77a;border-radius:50%;width:100vmin;height:100vmin;position:absolute;top:-5vmin;right:-10vmin;z-index:0!important}.skillBlock{z-index:99;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);width:60%;height:fit-content;font-size:.8rem;position:absolute;top:calc(50% + 10rem)}@media (max-aspect-ratio:17/10){.dinoBlock{background-color:#75a}.introBlock{width:50vw}.headline{white-space:nowrap}.code-info{width:100%;min-width:fit-content;margin-left:1rem;padding-top:10px;padding-bottom:10px;font-size:.8rem;left:50%;transform:translate(-50%)}}@media (max-aspect-ratio:10/10){.dinoBlock{background-color:#7ea;width:100vmin;height:100vmin;top:20vmin;left:0}.headline{top:5vmin;left:50%;transform:translate(-50%)}.code-info{width:100%;min-width:auto;max-width:100%;margin:0;top:110vmin;left:0;transform:none}.introBlock{width:100vw}.skillBlock{z-index:99;top:130vmin}}@media (max-width:480px){.headline{white-space:nowrap;top:10px}.text-5xl{font-size:10svw!important}.dinoBlock{top:60px}.code-info{font-size:10px;top:calc(60px + 100vmin)}.code-info pre:before{width:1rem!important}.skillBlock{top:calc(160px + 100vmin)}}.content{align-content:center;width:100vw;min-width:80%;margin:auto;position:absolute;top:100vh}