html,body{overflow:hidden;font-family:Tahoma,Verdana,sans-serif;font-size:2vh;color:#fff;text-shadow:-1px -1px 0 #555555,1px -1px 0 #555555,-1px 1px 0 #555555,1px 1px 0 #555555,0px 0px 2px black}.bg-img{width:100vw;height:95vh;position:absolute}.background-container{width:100vw;height:95vh;display:grid;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(16,1fr)}button{width:100%;background-color:transparent;padding:10%;aspect-ratio:1/1;position:relative;display:flex;flex-direction:column;align-items:center;border:none}button:hover{cursor:default}button p{position:absolute;margin:0;bottom:10%;font-size:2vh;color:#fff;text-shadow:-1px -1px 0 #555555,1px -1px 0 #555555,-1px 1px 0 #555555,1px 1px 0 #555555,0px 0px 2px black}button picture{display:contents}button img{position:absolute;border-radius:inherit;height:60%;width:auto;bottom:30%;opacity:.8}#blog{grid-row-start:5;grid-column-start:11}#blog img{width:85%;height:auto;bottom:25%}#japan img{width:70%;height:auto}#flappy{grid-row-start:4;grid-column-start:13}#flappy img{height:70%;bottom:25%}#neocities{grid-row-start:6;grid-column-start:11}#resources{grid-row-start:6;grid-column-start:12}#writing{grid-row-start:6;grid-column-start:2}#detective{grid-row-start:4;grid-column-start:14}#detective img{height:75%;bottom:25%}#gallery{grid-row-start:6;grid-column-start:7}#microblog{grid-row-start:7;grid-column-start:2}#microblog img{height:50%}footer{height:5vh;z-index:1;display:flex;align-items:center;background:linear-gradient(#1f2f86,#3165c4 3%,#3682e5 6%,#4490e6 10%,#3883e5 12%,#2b71e0,#2663da 18%,#235bd6 20%,#2258d5 23%,#2157d6 38%,#245ddb 54%,#2562df 86%,#245fdc,#2158d4,#1d4ec0,#1941a5 98%)}footer picture{height:100%}footer img{height:100%;opacity:.8}#copyright{position:absolute;right:0;height:3vh;display:flex;align-items:center}#copyright>*{margin-right:.5rem}#copyright img{height:100%}#music{grid-row-start:5;grid-column-start:2}#music img,#portfolio img{opacity:.9}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;aspect-ratio:1 / 1.2;border-radius:50%;background-color:transparent;display:none;grid-template-rows:1.3fr 1.7fr .2fr 4.7fr 1.5fr 1.5fr 1fr;grid-template-columns:2.5fr .6fr .4fr .5fr 1fr .6fr .4fr .6fr 2.4fr;cursor:pointer}.modal:active{cursor:grabbing}.modal:focus{outline:none}#tama-shell{width:100%;height:100%;grid-column:1 / -1;grid-row:1 / -1}#screen-div{grid-area:4 / 2 / 5 / 9;border-radius:8%;position:relative}#screen-div:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 0 10px 1px #fff,0 0 5px 5px #ffffffb3;pointer-events:none}@font-face{font-family:tama-connection;src:url(/fonts/TamaConnectType/tamaconnecttype.ttf) format("truetype")}.tama-screen{width:100%;height:100%;border-radius:inherit;font-family:tama-connection;color:#000;text-shadow:none;overflow:hidden}#music-image{opacity:.9;position:absolute;user-select:none}#instructions{background-color:#d3d3d3;opacity:.8;position:relative}.tama-screen p{padding-top:8%;margin:0;text-align:center;font-size:.6vw}#instructions ul{width:100%;margin:0;padding:2% 4% 2% 20%;font-size:.55vw;position:relative;box-sizing:border-box}.modal button{background-color:transparent;padding:0;width:100%;height:70%;position:absolute;border-radius:50%;border-color:transparent;display:flex;justify-content:center;align-items:center;color:#fff;font-family:tama-connection,sans-serif;font-size:.5rem;opacity:.3}.modal button:hover{box-shadow:0 0 10px #000,inset 0 0 5px #fff;opacity:.2;cursor:pointer}.modal button:focus{outline:none}#heart-btn{grid-area:2 / 3 / 3 / 8;width:100%;height:100%;border-radius:10%}#heart-btn:hover{box-shadow:0 5px 5px #000,inset 0 0 5px #fff}#previous{grid-area:6 / 2 / 7 / 4}#play{grid-area:6 / 5 / 7 / 6;bottom:0}#next{grid-area:6 / 7 / 7 / 9}#tama-game{background-image:url(/images/index/modal/plaid.jpg);background-size:cover;opacity:.9;display:none}#tama-game>div{background-color:#fafbf3;position:relative;height:80%;top:10%;overflow:hidden}#tama-game p{padding-top:2%;font-size:.9vw;color:#4b4c83;text-shadow:-.5px -.5px 0 #6EB7D6,.5px -.5px 0 white,-.5px .5px 0 white,.5px .5px 0 white,0px 0px 2px #4B4C83}#mametchi{height:40%;position:absolute;bottom:0;left:10%;opacity:1.5}@keyframes jump{0%{bottom:0}50%{bottom:30%}to{bottom:0}}.jump{animation:jump 1s cubic-bezier(.25,1,.5,1)}#tama-game span{position:absolute;font-size:1vw;bottom:0;left:110%;color:#4b4c83}@keyframes obstacle{0%{left:110%}to{left:-10%}}.obstacle{animation:obstacle 1.2s linear 1}.score-div{position:absolute;top:25%;right:4%;width:20%;text-align:center}@keyframes flash{0%,to{opacity:1}50%{opacity:0}}.flash{animation:flash .5s}#tama-game .game-over{width:100%;text-align:center;position:absolute;bottom:50%;transform:translateY(50%);display:none}#tama-game .game-over p{text-shadow:-.5px -.5px 0 #E58FB1,.5px -.5px 0 white,-.5px .5px 0 white,.5px .5px 0 white,0px 0px 2px #4B4C83}#tama-game .game-over p:nth-of-type(2){font-size:.35vw}