.box{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;width:100vw;height:100vh;}.row{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100vw;height:10vh;}.center-row{display:flex;flex-direction:row;width:100vw;}.c{flex-shrink:2;color:black;}.c:hover{color:red;opacity:.7;}.cornered{position:fixed;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;z-index:10;height:100vh;width:100vh;}.top{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.ul,.ur,.ll,.lr{z-index:10;padding:16px;font-size:16pt;cursor:pointer;color:blue;opacity:.3;}.content{width:100vw;height:100vh;position:absolute;margin:auto;top:0;}.tall{flex-grow:1;display:flex;justify-content:flex-start;align-items:flex-start;width:100vw;height:100vh;}.tall-inner{width:100vh;height:100vh;margin:auto;}.corner{width:100vw;height:100vh;position:absolute;margin:auto;top:0;color:black;}html{min-height:100%;display:flex;flex-direction:column;}body{flex-grow:1;padding:0;margin:0;background-color:black;}#splash{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;}#palindrome{position:fixed;margin:auto;width:auto;height:100%;z-index:.5;}.canvas{display:block;position:fixed;height:0;width:100vh}.img{display:block;position:fixed;height:0;width:100vh}#imgOne{display:block;position:fixed;height:100vh}#imgTwo{}@media (max-device-aspect-ratio:1/1){.cornered{height:100vw;width:100vw}.canvas{height:0;width:100vw}.img{height:0;width:100vw}#imgOne{height:100vw;width:100vw}}