@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@500;700&display=swap";.header-wrapper{background-color:#282828;padding-top:20px;flex:0 1 auto;align-items:center;display:flex;flex-wrap:wrap}@media only screen and (max-width: 600px){#logo{padding-right:20px;padding-bottom:10px;height:70px}}#logo{padding-right:30px;padding-bottom:20px;height:100px;max-width:385px}.header-buttons{align-items:center;display:flex;padding-bottom:10px}.header-buttons li{color:#cfcfcf;list-style-type:none;display:inline;padding-left:20px;padding-right:20px;font-size:25px}.header-buttons li:hover a{color:#818181}.header-buttons a:link,.header-buttons a:visited,.header-buttons a:hover,.header-buttons a:active{text-decoration:none;color:#fff}@keyframes slideInFromLeft{0%{transform:translate(-230px)}50%{transform:translate(-230px)}to{transform:translate(0)}}@keyframes shiftClip{0%{width:55px}50%{width:55px}to{width:375px}}#logo-name{clip-path:url(#logo-clip-path)}#logo-clip-rect{animation:shiftClip 2.25s ease-out .2s 1 normal forwards}#logo-right-bracket{animation:slideInFromLeft 2.25s ease-out 0s 1 normal}#logo-left-bracket,#logo-right-bracket{transition:transform .5s}#logo:hover #logo-left-bracket{transform:translate(-15px)}#logo:hover #logo-right-bracket{transform:translate(15px)}.footer-wrapper{flex:0 1 auto}.footer-wrapper p{text-align:center;font-size:10px;color:#a9a9a9;padding-bottom:10px}#home-maincontent-wrapper{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 20px 0}#home-content-wrapper{flex:1 1 70%}#home-img-wrapper{flex:1 1 30%;min-width:300px;max-width:550px;padding:20px}.home-content-wrap{background-color:#323232;padding:30px;margin:20px;color:#fff;position:relative}.home-content-text{overflow:hidden}.text-padding-right{flex-grow:1;padding-left:40px}@media only screen and (max-width: 600px){.home-content-wrap{padding:15px;margin:15px}.text-padding-right{padding-left:20px}}.home-content-wrap>h2{font-size:90px;padding-bottom:15px}.home-content-flex{display:flex;flex:1 1 auto;align-items:center}.home-content-text>a{z-index:2}.home-content-text>h3{font-size:30px;padding-bottom:15px}.image-align-right{flex-grow:1;text-align:right;overflow:hidden;box-sizing:border-box;padding-left:10px}.home-img{max-width:100%;max-height:300px;height:auto}.panel-link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}#home-badges-text{background-color:#323232;padding:20px;margin-top:20px}#home-badges-text>h3{font-size:20px;padding-bottom:15px}#home-personalintro-img{width:100%}#home-badges-wrapper{width:fit-content;display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width: 600px){.home-badgeimg{height:100px;padding:5px}}.home-badgeimg{height:100px;padding:10px}#home-tetchris-img{max-width:50%;max-height:300px}#home-footer-wrapper{padding:0 20px}#home-footer-links{display:flex;align-items:center;flex-direction:column}.tetchris-game-info{flex:1 0 100px;margin-left:20px}.tetchris-scoring{margin-right:40px;padding-bottom:20px}.tetchris-button{background-color:#980000;border:none;color:#fff;width:70px;height:40px;max-height:40px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;font-family:Inconsolata,monospace}.tetchris-button#tetchris-down{font-size:22px}.tetchris-button#tetchris-rotate{font-weight:700}.tetchris-scoring p{font-size:15px}.tetchris-game-board{height:100%;width:100%;background-color:#fff;border:1px solid black;border-collapse:collapse}.cell{font-size:.1px;height:5%;width:10%;border:1px solid black}.empty-cell{background-color:#000}.shape-i{background-color:#0ff}.shape-j{background-color:#6495ed}.shape-l{background-color:orange}.shape-o{background-color:gold}.shape-s{background-color:#7fff00}.shape-t{background-color:#8a2be2}.shape-z{background-color:red}.tetchris-scoreboard{border:solid 1px black;border-radius:5px;min-width:300px;padding:10px;margin:30px 0;text-align:center}.tetchris-scoreboard h1{font-size:25px;padding-bottom:10px}.tetchris-scoreboard-list{width:100%;text-align:left}.tetchris-scoreboard-row{display:flex;flex-wrap:wrap}.tetchris-scoreboard-row>p{flex:50%}.tetchris-game-details{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:20px;background-color:#000;padding:10px;border:1px solid white;border-radius:10px}.tetchris-game-details button{margin-top:10px}.tetchris-game-details p{margin-bottom:5px}.tetchris-game-scoreboard-wrapper{display:flex;flex-wrap:wrap}.tetchris-game-scoreboard-wrapper:focus{outline:none}.tetchris-game-container{display:flex}.tetchris-game-board-ratio{aspect-ratio:1/2;height:calc(91vh - 120px);position:relative}@media only screen and (max-aspect-ratio: 9/14){.tetchris-game-board-ratio{height:calc(85vh - 100px)}}@media only screen and (max-aspect-ratio: 9/17){.tetchris-game-board-ratio{height:calc(68vh - 100px)}}.page-tetchris{flex-flow:column;padding:20px 20px 5px}.site-wrapper{display:flex;flex-flow:column;height:100%}@media only screen and (max-width: 600px){.site-wrapper{height:80%}}.body-wrapper{flex:1 1 auto}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#464646;font-family:Inconsolata,monospace;color:#cfcfcf}a{text-decoration:none}a:link,a:visited{color:#add8e6}