body,html{font-family:Poppins,sans-serif;margin:0;max-height:100vh}h1,h2{margin:auto;text-align:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}h1{background-color:teal;border-radius:5px;color:#fff;font-size:3rem;font-weight:300;margin-top:1%;padding:8px}h2{color:teal;font-size:1rem;font-weight:100}.cube-section{align-content:center;background:transparent;display:flex;flex-direction:column;height:45vh;margin:2% auto;place-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.scene{height:30%;perspective:1000px;width:500px}.cube-section .scene:last-child:after{background:transparent;border-radius:100px/50px;box-shadow:0 50px 40px rgba(0,0,0,.9);content:"";display:block;height:10px;margin-top:1%;perspective:800px;position:absolute;width:100%}.cube{height:100%;position:relative;transform:translateZ(-250px);transform-style:preserve-3d;transition:transform 1s;width:100%}.cube-face{color:#fff;font-size:3rem;height:-webkit-max-content;height:-moz-max-content;height:max-content;line-height:100px;position:absolute;text-align:center;width:100%}#topRightSide{border-top-left-radius:5px;border-top-right-radius:5px}.cube-face:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.cube.show-front{transform:translateZ(-250px) rotateY(0deg)}.cube.show-right{transform:translateZ(-250px) rotateY(-90deg)}.cube.show-left{transform:translateZ(-250px) rotateY(90deg)}.cube-face-front{background:#fff;color:teal;transform:rotateY(0deg) translateZ(250px)}.cube-face-right{background:teal;transform:rotateY(90deg) translateZ(250px)}.cube-face-left{background:teal;transform:rotateY(-90deg) translateZ(250px)}.button-section{display:flex;flex-direction:column;margin-top:6%}button{background-color:teal;border:1px solid #fff;border-radius:5px;color:#fff;font-size:medium;font-size:1.25rem;margin:4px auto;padding:8px;width:25%}button:hover{cursor:pointer}button:disabled{background:transparent;color:transparent}.about-button-section{text-align:center}.about-button{background-color:teal;border:1px solid hsla(0,0%,100%,.5);border-radius:15px;color:hsla(0,0%,100%,.5);font-size:1.25rem;margin-top:15px;padding:8px 16px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-button:hover{background:transparent;border-color:rgba(0,128,128,.5);color:rgba(0,128,128,.5);cursor:pointer;margin:8px auto;z-index:5}.modal{background-color:rgba(0,0,0,.4);border:1px solid #000;display:none;height:100vh;left:0;margin:auto;position:fixed;text-align:center;top:0;width:100%;z-index:1}.modal-content{align-content:center;background-color:#fff;border:none;border-radius:5px;display:grid;margin:25vh auto;padding:8px 16px;place-items:center;width:50%}.modal-content>p{white-space:no-wrap}.repo-link{color:blue;text-decoration:none;text-transform:uppercase}.repo-link:hover{color:#7fffd4}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}footer{bottom:0;font-size:1rem;left:0;margin-top:1%;position:fixed;text-align:center;width:100%}