@import url(https://fonts.googleapis.com/css?family=PT+Serif+Caption:regular,bold,italic&subset=latin,latin-ext);@media only screen and (max-width:768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"PT Serif Caption",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.parent{align-items:center;display:flex;height:100vh;width:100vw}.center{margin:auto;overflow:auto;text-align:center}h1{font-size:12vw;padding-bottom:2vw}.above-line-text{color:#757474}.link-parent{display:inline-flex;justify-content:center;width:100%}.link-child{color:#757474;font-size:3.75vw;margin:1vw;text-decoration:none}.link-child:hover{color:#9ed29d;transition:color .45s ease-in-out}.about-text{word-wrap:break-word;color:#757474;font-size:4vw;margin-left:auto;margin-right:auto;text-align:center;width:80vw}a.about-text{color:#757474;text-decoration:none}a.about-text,a.about-text:hover{transition:color .45s ease-in-out}a.about-text:hover{color:#9ed29d}#line{border:.75px solid #9ed29d;width:90vw}#name-text{color:#9ed29d}}@media only screen and (min-width:768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"PT Serif Caption",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.center{bottom:0;height:90vh;left:0;margin:auto;overflow:auto;position:absolute;right:0;text-align:center;width:100vw}h1{font-size:4vw;padding-bottom:2vw}.above-line-text{color:#757474;font-size:1.15vw}.link-parent{display:inline-flex;justify-content:center;width:100%}.link-child{color:#757474;margin:1vw;text-decoration:none}.link-child,.link-child:hover{transition:color .45s ease-in-out}.link-child:hover{color:#9ed29d}.about-text{word-wrap:break-word;color:#757474;margin-left:auto;margin-right:auto;text-align:center;transition:color .45s ease-in-out;width:40vw}a.about-text{color:#757474;text-decoration:none}a.about-text:hover{color:#9ed29d;transition:color .45s ease-in-out}#line{border:.75px solid #9ed29d;width:50vw}#name-text{color:#9ed29d}}.tetris-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100vw}.tetris-grid{background-color:#111;border:2px solid #444;position:relative}.grid-cell{border:1px solid #222;box-sizing:border-box;height:25px;position:absolute;width:25px}.tetris-block{cursor:grab;position:absolute}.block-cell{border:1px solid #0cc;height:25px;position:absolute;width:25px}.tetris-container{touch-action:none}.block-count-bubble{background:red;border-radius:12px;color:#fff;font-size:14px;font-weight:700;padding:2px 6px;pointer-events:none;position:absolute;right:-10px;top:-10px}.tetris-hint-layer{height:100%;pointer-events:none;position:absolute;width:100%;z-index:0}.tetris-hint-layer.solved{animation:fadeToPink 1.2s forwards,heartBounce 1.8s ease;z-index:100}.grid-hint-cell{border:1px dashed #fff3;border-radius:4px;height:25px;position:absolute;width:25px}@keyframes fadeToPink{0%{background-color:#fff3}to{background-color:hotpink;opacity:1}}@keyframes heartBounce{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.1,.9) translateY(-4px)}50%{transform:scale(.95,1.05) translateY(2px)}70%{transform:scale(1.05,.95) translateY(-2px)}to{transform:scale(1) translateY(0)}}.puzzle-solved-message{animation:fadeInPop .6s ease;background:#ffffffd9;border:2px solid grey;border-radius:12px;color:#000;font-size:1rem;font-weight:700;left:50%;padding:1rem 2rem;position:absolute;text-align:center;top:20%;transform:translate(-50%,-50%);z-index:1000}@keyframes fadeInPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mcb-container{gap:4px;padding:8px 0}.mcb-box,.mcb-container{display:flex;justify-content:center}.mcb-box{align-items:center;background-color:#fff;border:1px solid #444;box-sizing:border-box;font-family:sans-serif;font-size:32px;height:48px;text-transform:uppercase;width:48px}.mcb-box.active{border-color:#000}
/*# sourceMappingURL=main.aa3288e7.css.map*/