html{height:100vh}body{min-height:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif;line-height:1.6;background:#f9f9fb;color:#222}header{background-color:#1e1e2f;padding:.1rem 3rem;color:#fff}nav{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700}.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-links a{color:#fff;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#76d7c4}.hero-section{min-height:90vh;padding-left:2em;padding-top:1em;padding-bottom:1em;background:linear-gradient(135deg,#69c1af,#4ebd7c);color:#fff}.about-box{transform:translate(10%);display:flex;flex-direction:row;align-items:center;max-width:50vw;background:linear-gradient(100deg,#969696,#9e9e9e);padding-right:2%}.box-title{background:linear-gradient(200deg,#5e5e5e,#4a4a4a);height:100%;padding:0 7px;align-self:stretch;border-right:ridge 4px #c7c7c7}.box-text{padding:12px;color:#fff}.cta-button{display:inline-block;background:#1e1e2f;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;transition:background .3s}.cta-button:hover{background:#33334d}.big-text{background:linear-gradient(200deg,#5e5e5e,#9e9e9e)}ol{display:flex;flex-direction:column-reverse;background:linear-gradient(100deg,#969696,#9e9e9e);width:60%;padding:8px 35px}ol>li{width:40%;margin:2px}details{padding:.5em .5em 0;border:1px solid #44544b;border-radius:4px}details[open]{background-color:#49a06d}summary:hover{cursor:pointer}summary{font-weight:700;margin:-.5em -.5em 0;padding:.5em;text-wrap:nowrap}.line-seperator{transform:translate(50px);width:90%;height:2px;margin:10px 0;background:linear-gradient(90deg,#5e5e5e,#4a4a4a)}.contact-box{display:flex;flex-direction:row;align-items:center}footer{text-align:center;padding:1rem;background-color:#1e1e2f;color:#fff}.avatar{width:200px;border-radius:50%;border:inset #58d68d 4px}.contact-img{padding-right:3%;margin:3%}.game{left:50%;position:absolute;transform:translate(-50%);display:flex;flex-direction:column;height:600px;width:600px}.menu{display:flex;flex-direction:column;text-align:center;position:relative;align-items:center;width:100%}.bar{display:flex;justify-content:space-evenly}button{border-radius:8px;border:1px solid transparent;padding:.4em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}.context-button-box{display:flex;flex-direction:row}.context-button{font-family:Times New Roman,Times,serif;font-weight:600}.popup{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#9f9f9f80;display:flex;justify-content:center;align-content:center}.popup-inner{transform:translateY(50%);width:50%;height:50%;background-color:#fff}.popup-p{color:#000!important}footer{padding:1em;margin-top:auto;text-align:center}.lg-game{background-color:#2b362e}.lg-game .bar,footer{background-color:#535353}.lg-game h1,.lg-game a:hover{color:#2df700}.lg-game p{color:#d0d0d0}.lg-game button{color:#d0d0d0;background-color:#1a1a1a}.lg-game button:hover{border-color:#2df700}.lg-game button:active{background-color:#2df700}.lg-game .tile{border-color:#23b902;border-style:inset}.lg-game .tile-covered{background-color:#27cc02;color:#27cc02}.lg-game .tile-uncovered{background-color:#2df700;color:#000}.lg-game .tile-empty{background-color:#2df700;color:#2df700}.lg-game .tile-bomb{background-color:red;color:red}.lg-game a{font-weight:500;color:#64e8ff;text-decoration:inherit}.ib-game{background-color:#6fb8fc}.ib-game .bar,.ib-game footer{background-color:#dce0e3}.ib-game p,.ib-game h1,.ib-game a:hover{color:#021a63}.ib-game button{color:#021a63;background-color:#286ffb}.ib-game button:hover{border-color:#023f78;color:#023f78}.ib-game button:active{background-color:#023f78}.ib-game .tile{border-color:#7f94ee;border-style:inset}.ib-game .tile-covered{background-color:#286ffb;color:#286ffb}.ib-game .tile-uncovered{background-color:#6394f5;color:#021a63}.ib-game .tile-empty{background-color:#6394f5;color:#6394f5}.ib-game .tile-bomb{background-color:#9269e9;color:#9269e9}.ib-game a{font-weight:500;color:#c4eaf0;text-decoration:inherit}.rv-game{background-color:#d50e0e}.rv-game .bar,.rv-game footer{background-color:#c5a6a6}.rv-game p,.rv-game h1,.rv-game a:hover{font-weight:500;color:#670f00}.rv-game button{color:#670f00;background-color:#ca8787}.rv-game button:hover{border-color:#fdd;color:#fdd}.rv-game button:active{background-color:#670f00}.rv-game .tile{border-color:#460101;border-style:inset}.rv-game .tile-covered{background-color:#a50202;color:#a50202}.rv-game .tile-uncovered{background-color:#e35555;color:#a50202}.rv-game .tile-empty{background-color:#e35555;color:#e35555}.rv-game .tile-bomb{background-color:#fff700;color:#fff700}.rv-game a{font-weight:500;color:#f0c9c4;text-decoration:inherit}.bpg-game{background-color:#e8e8e8}.bpg-game .bar,.bpg-game footer{background-color:#a3a3a3}.bpg-game p,.bpg-game h1,.bpg-game a:hover{color:#3b3b3b}.bpg-game button{color:#3b3b3b;background-color:#8f8f8f}.bpg-game button:hover{border-color:#696969;color:#696969}.bpg-game button:active{background-color:#333}.bpg-game .tile{border-color:#353535;border-style:inset}.bpg-game .tile-covered{background-color:#909090;color:#909090}.bpg-game .tile-uncovered{background-color:#aeaeae;color:#3b3b3b}.bpg-game .tile-empty{background-color:#aeaeae;color:#aeaeae}.bpg-game .tile-bomb{background-color:#6e0101;color:#6e0101}.bpg-game a{font-weight:500;color:#000;text-decoration:inherit}.board{display:flex;justify-content:center;align-items:center}.tile{font-family:inherit;border-style:solid;border-width:1px;text-align:center;cursor:pointer;box-sizing:border-box}.board-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--tile-dimension),1fr));max-width:calc(var(--row-length) * var(--tile-dimension));padding:.9em;font-size:2.9em;font-weight:500}.board-sm .tile{border-width:3px}.board-md{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--tile-dimension),1fr));max-width:calc(var(--row-length) * var(--tile-dimension));padding:.9em;font-size:1.4em;font-weight:600}.board-md .tile{border-width:3px}.board-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--tile-dimension),1fr));max-width:calc(var(--row-length) * var(--tile-dimension));padding:.3em;font-size:.9em;font-weight:700}.board-lg .tile{border-width:1.5px}.lns-content{display:flex;flex-direction:row;margin:2%;background:linear-gradient(200deg,#8d8b8b,#6c6b6b)}.input-box{display:flex;flex-direction:row;align-items:center}.input-box input{height:30px;border:solid black;border-radius:10px;font-size:x-large;margin-right:1%}.input-box button{height:100%}.input-box button:hover{border:solid black 1.5px}.number-box{max-width:90vw;min-height:40px;text-wrap:wrap;overflow-wrap:break-word}.lns-explain{padding:4%;width:50%}.lns-example{font-size:x-large;font-weight:600;text-align:center;border:solid black 2px;background-color:#fff;color:#000;padding:2px;width:50%;margin:2%}