@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Montserrat:wght@300;400&display=swap);.gallery,p{padding:20px}.gallery,.smallphoto{position:relative}.closer,.twisty1,.twisty2,.twisty3{cursor:pointer}*{box-sizing:border-box}img,video{width:100%;display:block}body{background-color:#add8e6;font-family:Lato,sans-serif}h1,p{text-align:center;font-family:"abril fatface"}h1{font-size:5em}p{font-size:2em}.gallery{width:95%;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:10px;background-color:#000}.caption1,.caption2,.caption3,.caption4,.caption5,.caption6{position:absolute;bottom:0;color:#000;width:100%;font-size:1em;padding:10px;display:none;height:100%;left:0;text-align:center}.caption1{background-color:red}.caption2{background-color:orange}.caption3{background-color:#3cb371}.caption4{background-color:#00f}.caption5{background-color:#fff}.caption6{background-color:#ff0}.Rubik,.floatingtext{background-color:#000}.cube{width:100vw;height:100vh;position:sticky;top:0;z-index:-1}.caption,.twisty1,.twisty2,.twisty3{position:relative}.cube img{height:100%;object-fit:contain}.floatingtext{width:40%;margin-left:5%;margin-bottom:80vh;color:#fff;padding:20px}.Rubik,.modal1,.twisty1,.twisty2,.twistypuzzles{width:100%}.floatingtext.right{margin-left:55%}.bottom{margin-bottom:20vh}.spacer{height:60vh}.Rubik{padding:50px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.caption,.overlay1,.overlay2,.overlay3{background-color:rgba(0,0,0,.8);display:none}.twisty1 img,.twisty2 img,.twisty3 img{object-fit:cover;height:100%}.caption{color:#fff;text-align:center;font-size:1.5em;padding:10px}.overlay1,.overlay2,.overlay3{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;overflow-y:scroll}.modal1,.modal2,.modal3{margin:10vh auto;border:5px #000;display:grid;grid-template-columns:1fr 1fr;position:relative}.modal2{width:95%}.modal3{width:90%}.contents1,.contents2,.contents3{background-color:#add8e6;padding:5px;color:#000}.contents1 h2,.contents2 h2,.contents3 h2{color:#000;font-size:3em;text-align:center}.closer{width:5%;position:absolute;top:0;right:0;transition:.5s}.closer:hover{transform:scale(1.1)}.slidebox{background-color:#add8e6;padding:20px;overflow-x:hidden}.slidebox .textbox{margin-bottom:20px;position:relative;left:100vw}.textbox{background-color:#fff;padding:10px;font-size:1.5em;line-height:2em}.footer{background-color:#000;color:#fff;padding:1px}.footer p{text-align:left;font-size:1em}@media only screen and (max-width:640px){.floatingtext,.floatingtext.right{margin-left:10%}.caption1 p,.caption2 p,.caption3 p,.caption4 p,.caption5 p,.caption6 p{visibility:hidden}.floatingtext{font-size:.8em;width:80%}.modal1,.modal2,.modal3{grid-template-columns:1fr}}