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