:root{--cube-size:20ch}h1{font-size:clamp(24px,2vw,34px)}.homepagetext{color:black;font-size:clamp(20px,1.4vw,30px);padding-right:24ch}.padding{padding:clamp(10px,1vw,30px);clear:both}.cubeslider{width:var(--cube-size);height:var(--cube-size);float:right;perspective:30vw}.cubeslider *{-webkit-transition:all 1s cubic-bezier(0.5,-0.75,0.2,1.5);transition:all 1s cubic-bezier(0.5,-0.75,0.2,1.5)}.cubecontainer{width:inherit;height:inherit;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0deg) rotateX(0deg)}.cube,.cube:after,.cube:before{display:block;width:inherit;height:inherit;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-size:cover;background-position:center}.cube.x{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.cube.x:after{content:'';background-image:url('../img/index/videogames.png');-webkit-transform:translateZ(calc(0.5*var(--cube-size))) rotateZ(-90deg);transform:translateZ(calc(0.5*var(--cube-size))) rotateZ(-90deg)}.cube.x:before{content:'';background-image:url('../img/index/mountain.png');-webkit-transform:translateZ(calc(-0.5*var(--cube-size))) rotateZ(-90deg);transform:translateZ(calc(-0.5*var(--cube-size))) rotateZ(-90deg)}.cube.y{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.cube.y:after{content:'';background-image:url('../img/index/coffee.png');-webkit-transform:translateZ(calc(0.5*var(--cube-size))) scale(-1);transform:translateZ(calc(0.5*var(--cube-size))) scale(-1)}.cube.y:before{content:'';background-image:url('../img/index/coding.png');-webkit-transform:translateZ(calc(-0.5*var(--cube-size)));transform:translateZ(calc(-0.5*var(--cube-size)))}.cube.z{-webkit-transform:rotateX(0);transform:rotateX(0)}.cube.z:after{content:'';background-image:url('../img/index/camera.png');-webkit-transform:translateZ(calc(0.5*var(--cube-size)));transform:translateZ(calc(0.5*var(--cube-size)))}.cube.z:before{content:'';background-image:url('../img/index/datasciencemath.png');-webkit-transform:translateZ(calc(-0.5*var(--cube-size)));transform:translateZ(calc(-0.5*var(--cube-size)))}.cubecontainer{-webkit-animation:rotate 15s infinite cubic-bezier(1,-0.75,0.5,1.2);animation:rotate 15s infinite cubic-bezier(1,-0.75,0.5,1.2)}@-webkit-keyframes rotate{0%,10%{-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0deg) rotateX(0deg)}15%,20%{-webkit-transform:rotateY(180deg) rotateX(0deg);transform:rotateY(180deg) rotateX(0deg)}25%,35%{-webkit-transform:rotateY(180deg) rotateX(270deg);transform:rotateY(180deg) rotateX(270deg)}40%,50%{-webkit-transform:rotateY(180deg) rotateX(90deg);transform:rotateY(180deg) rotateX(90deg)}55%,65%{-webkit-transform:rotateY(-90deg) rotateX(90deg);transform:rotateY(-90deg) rotateX(90deg)}70%,80%{-webkit-transform:rotateY(90deg) rotateX(90deg);transform:rotateY(90deg) rotateX(90deg)}90%,95%{-webkit-transform:rotateY(0deg) rotateX(90deg);transform:rotateY(0deg) rotateX(90deg)}}@keyframes rotate{0%,10%{-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0deg) rotateX(0deg)}15%,20%{-webkit-transform:rotateY(180deg) rotateX(0deg);transform:rotateY(180deg) rotateX(0deg)}25%,35%{-webkit-transform:rotateY(180deg) rotateX(270deg);transform:rotateY(180deg) rotateX(270deg)}40%,50%{-webkit-transform:rotateY(180deg) rotateX(90deg);transform:rotateY(180deg) rotateX(90deg)}55%,65%{-webkit-transform:rotateY(-90deg) rotateX(90deg);transform:rotateY(-90deg) rotateX(90deg)}70%,80%{-webkit-transform:rotateY(90deg) rotateX(90deg);transform:rotateY(90deg) rotateX(90deg)}90%,95%{-webkit-transform:rotateY(0deg) rotateX(90deg);transform:rotateY(0deg) rotateX(90deg)}}.cubeshadow{display:block;width:var(--cube-size);height:var(--cube-size);background:rgba(0,0,0,0.75);position:absolute;top:60%;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);z-index:-1;-webkit-filter:blur(20px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');-webkit-filter:blur(20px);filter:blur(20px);left:0;right:0;margin:auto;-webkit-animation:rotateShadow 15s infinite cubic-bezier(1,-0.75,0.5,1.2);animation:rotateShadow 15s infinite cubic-bezier(1,-0.75,0.5,1.2)}@-webkit-keyframes rotateShadow{0%,10%{-webkit-transform:rotateY(0deg) rotateX(90deg)}15%,20%{-webkit-transform:rotateY(180deg) rotateX(90deg)}20.1%,20.9%{-webkit-transform:rotateY(180deg) rotateX(90deg) translatez(5px)}25%,35%{-webkit-transform:rotateY(180deg) rotateX(90deg)}35.1%,35.9%{-webkit-transform:rotateY(180deg) rotateX(90deg) translatez(-5px)}40%,50%{-webkit-transform:rotateY(180deg) rotateX(90deg)}55%,65%{-webkit-transform:rotateY(0deg) rotateX(90deg)}70%,80%{-webkit-transform:rotateY(180deg) rotateX(90deg)}90%,99%{-webkit-transform:rotateY(90deg) rotateX(90deg)}99.1%,99.9%{-webkit-transform:rotateY(90deg) rotateX(90deg) translatez(-5px)}}@media (max-width:900px){.cubeslider{display:none}.homepagetext{padding-right:0}}