.loading{opacity:0}html,body,#app{animation:none;opacity:1;margin:0;padding:0;height:100%;overflow-x:hidden;scroll-behavior:smooth;overflow-y:auto}#app{max-width:100%;backdrop-filter:blur(50px)}#nav{display:flex;max-width:100%;height:fit-content;padding:10px 15px}body{max-width:100%;margin:0;font-family:Montserrat;--angle: 20deg; background: linear-gradient(var(--angle), #1087aa2e, #b4a10f36, white, white, white, #85d0e629, white, white, #e4939314, white, white, #81e44b4a, white, white, #ff8b8b45, #6da7ff40); transition: background 50ms linear;}html{max-width:100%}#logoname{flex:1;height:fit-content;width:fit-content;margin:auto 0 auto 20px}#logoname>span{color:#000000c2;display:block;width:fit-content;height:fit-content;margin:auto 0;background:linear-gradient(78deg,#00106b,#000,#000,#940000);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;text-decoration:wavy 1px #efefef;text-decoration-line:underline;font:200 30px settikef,cursive}#pages{margin:10px 60px 10px 10px;display:flex;background:#ffffff78;backdrop-filter:blur(50px);border:solid 1px #d9b2b242;border-radius:15px;box-shadow:20px 20px 50px -10px #d9d9d996,-20px -20px 60px 0 #fff;transition:600ms cubic-bezier(0.06,0.07,0.68,0.99)}#pages>span{display:block;font-size:14px;font-weight:400;width:75px;height:fit-content;margin:10px;padding:10px 5px;text-align:center;border-radius:10px;user-select:none;cursor:pointer}#pages>span.active{background:linear-gradient(143deg,black,black,#372304,#06505a);color:#fff;font-weight:700;cursor:auto;pointer-events:none}#left{width:50%}#right{width:50%;display:grid;justify-items:center;align-content:space-evenly}#container{display:flex;width:90%;margin:auto}#homebuttons{display:flex;width:fit-content;max-width:100%;height:fit-content;margin:auto}#homebuttons>div{max-width:100%;width:120px;height:fit-content;padding:12px 5px;margin:10px 20px;border-radius:16px;font-weight:500;text-align:center;cursor:pointer;user-select:none}#homebuttons>div:nth-child(1){background:linear-gradient(166deg,#494949,black,black,#392300,#1d2932);color:#fff;box-shadow:#0000001a 0 4px 6px -1px,#0000001a 0 2px 4px -2px}#homebuttons>div:nth-child(2){background:linear-gradient(45deg,#03a9f414,white,white,#ff57221c);border:solid 1px #b1b1b17d;box-shadow:#00000012 0 4px 6px -1px,#0000000f 0 2px 4px -2px}#homebuttons>div>span{font-size:15px}#profilepic{width:20em;height:20em;padding:7px;margin:15px auto;border-radius:60px;box-shadow:0 0 24px -6px #b1b1b136,0 15px 15px 0 #407fe321,0 -2px 24px -6px #e667412b;transition:1s;opacity:1;animation:beatingHeart 6s infinite}#profilepic>div{background:url(../media/myself.webp);width:100%;height:100%;background-position:100% 26%;background-repeat:no-repeat;background-size:cover;border-radius:60px;box-shadow:inset 0 0 17px 8px #00000042}#right>h1{width:95%;text-align:center}#right>span{line-height:30px;word-spacing:1px;color:#464646;font-weight:400;max-width:90%;margin-inline:auto}#right>*{padding-inline:15px}*{transition:300ms;animation:fadeIn 450ms forwards ease-in-out 400ms;opacity:0}body>#nav{backdrop-filter:blur(10px);position:fixed;z-index:1000;display:none;justify-content:center;align-items:center;bottom:0;left:50%;transform:translateX(-50%);height:25px;width:fit-content;padding:15px 20px;background:#ffffffb0;border-top-left-radius:15em;border-top-right-radius:15em;box-shadow:0 -8px 21px -10px #b2b2b22e}#shortcuts{display:flex}#keybindings{width:fit-content;height:100%;margin:auto;display:flex}#keybindings>svg{width:20px;height:20px;margin:auto;background:#ffffff4f;padding:8px;border-radius:50%;backdrop-filter:blur(50px);border:solid 1px #d9b2b22e;box-shadow:10px 10px 40px -8px #afafaf66,-10px -10px 40px 0 #edbebe5c;transition:400ms cubic-bezier(0.06,0.07,0.68,0.99);cursor:pointer}@media (max-width: 780px){#logoname{flex:none;margin:auto!important;scale:.9}#container{display:block;width:100%}#pages{display:none}#left,#right{width:-webkit-fill-available;width:-moz-available;border:none;margin-block:50px 100px}#profilepic{max-width:15em;width:-webkit-fill-available;width:-moz-available;min-width:8em;height:auto;justify-self:center;aspect-ratio:1 / 1;margin-inline:10px;margin:auto}#profilepic>div{background-position:100% 28%;background-size:15em}#right>h1{font-size:22px;border:none}#right>span{border:none;font-size:13px;line-height:20px}#homebuttons{flex-direction:column;width:80%;margin:40px auto;max-width:100%}#homebuttons>div{min-width:fit-content;max-width:100%;width:80%;scale:.8;margin-inline:auto}#Layer_1{transform:scale(0.9)}body>#nav{display:flex!important}#notice,#shortcuts{display:none!important}}