body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.main{min-height:calc(100vh - 120px);padding:1rem;width:100%}.button{background:#f6f8fa;border:1px solid #d0d7de;border-radius:999px;cursor:pointer;padding:.65rem 1rem}.button:hover{background:#eef2f7}.wrapper{display:flex;flex-wrap:wrap;gap:1rem}.blerb-box{background:#fff;border:1px solid #d0d7de;border-radius:12px;margin:0 auto 1rem;max-width:960px;padding:1rem 1.25rem;width:100%}.header-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffbf7d1;border-bottom:1px solid var(--border-color);box-shadow:0 10px 20px #4940380a;gap:1.5rem;justify-content:space-between;padding:1rem clamp(1rem,2vw,2.5rem);position:-webkit-sticky;position:sticky;top:0;z-index:40}.header,.header-wrapper{align-items:center;display:flex}.header{min-width:160px}.header span{font-size:clamp(1.1rem,2vw,1.6rem);font-weight:700;letter-spacing:.04em}.navbar{align-items:center;display:flex;position:relative}.nav-links{background:var(--surface-color);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-soft);display:none;flex-direction:column;gap:.25rem;list-style:none;margin:0;min-width:220px;padding:.75rem;position:absolute;right:0;top:calc(100% + .75rem)}.nav-links.active{display:flex}.nav-links li{margin:0}.nav-links a,.theme-toggle-button{align-items:center;background:#0000;border-radius:12px;color:var(--text-color);display:flex;font-size:.96rem;padding:.7rem .9rem;transition:background-color .18s ease,border-color .18s ease;width:100%}.nav-links a:hover,.theme-toggle-button:hover{background:#becbb72e}.theme-toggle-button{border:1px solid var(--border-color);cursor:pointer;white-space:nowrap}.burger-menu{align-items:center;background:#becbb724;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:44px;justify-content:center;width:44px}.burger-menu .line{background:#1f1c1aeb;border-radius:999px;box-shadow:0 0 0 1px #1f1c1a14;height:2.5px;margin:2px 0;width:20px}@media (max-width:640px){.header-wrapper{gap:.75rem}.nav-links{min-width:200px;right:-.5rem}}.footer-wrapper{align-items:center;background:#fffbf7cc;border-top:1px solid var(--border-color);box-shadow:0 -8px 18px #49403808;display:flex;justify-content:center;padding:1.2rem clamp(1rem,2vw,2rem)}.footer{color:var(--text-color);display:flex;flex-wrap:wrap;font-size:.92rem;gap:.75rem 1.5rem;justify-content:space-between;width:min(1180px,100%)}.footer span{align-items:center;color:var(--muted-color);display:inline-flex;font-weight:500;gap:.4rem}.footer a{color:var(--text-color)}.nav-menu{display:none}@media (max-width:640px){.footer{justify-content:center;text-align:center}}.homepage-box,.homepage-wrapper{align-items:center;display:flex;justify-content:center}.homepage-box{background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-soft);flex-direction:column;line-height:1.7;padding:clamp(1.5rem,3vw,2.5rem);text-align:center;width:min(100%,860px)}.homepage-box p{color:var(--muted-color);margin:0;max-width:62ch}.exampleBoxImage{border-radius:10px;box-shadow:1px 1px 10px 3px #000;display:flex;flex-basis:calc(50% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:center;min-height:375px;width:425px}.exampleBoxImage img{border-radius:2rem;height:200px;padding:1rem;width:auto}@media (max-width:600px){.exampleBoxImage{width:100%}}.colour-change:hover{animation:pixelate-grey 3s ease-in-out 0s 1 forwards}@keyframes pixelate-grey{0%{filter:none}50%{filter:blur(10px) grayscale(20%)}to{filter:blur(0) grayscale(100%)}}.spoiler-container{cursor:pointer;display:inline-block;position:relative}.spoiler-cover{align-items:center;background-color:#000c;border-radius:2rem;bottom:0;color:#fff;display:flex;font-size:1.2em;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;transform:scale(.975);z-index:1}.spoiler-image{display:block;height:auto;width:100%}.spoiler-container:not(.revealed) .spoiler-image{filter:blur(10px)}.spoiler-container.revealed .spoiler-cover{display:none}.greyscale{filter:grayscale(100%)}.image-transformer-container{height:200px;position:relative;width:300px}.image-transformer-container .image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity 2s ease;width:100%}.image-transformer-container .transformer{z-index:1}.image-transformer-container:hover .transformer{animation:pixelate 2s forwards}.image-transformer-container .transformed{opacity:0;transition:opacity 2s ease;z-index:2}.image-transformer-container:hover .transformed{opacity:1}@keyframes pixelate{0%{filter:none}50%{filter:blur(10px) grayscale(50%) scale(.9)}to{filter:blur(0)}}.spoiler-hover{filter:blur(20px)}.spoiler-hover:hover{filter:none;transition:1s ease-in}.exampleBoxPost{border-radius:10px;box-shadow:1px 1px 10px 3px #000;display:flex;flex-basis:calc(50% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:center;min-height:300px;width:425px}@media (max-width:600px){.exampleBoxPost{width:60vw}.exampleBoxPost h4{font-size:1.5rem}.exampleBoxPost p{font-size:.8rem}}.exampleBoxPost h4{font-size:1.65rem;max-width:90%}.shown{overflow:visible;white-space:normal}.hidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exampleBoxPost p{font-size:1rem;max-width:90%;text-align:justify}.post-title{cursor:pointer}.todo-input-box{align-items:center;display:flex;gap:1rem;justify-content:space-between}.todo-box{border-radius:10px;box-shadow:1px 1px 10px 3px #000;padding:1rem}.todo-list{display:flex;flex-direction:column;gap:1rem;padding-left:10px}.todo-item{align-items:center;border-radius:15px;display:flex;flex-direction:row;font-size:1rem;gap:.5rem;justify-content:flex-start;padding-left:15px}.todo-item div{flex:14 1}.completed-item{background-color:#006b004d}.completed-item div{text-decoration:line-through}.remove-todo-button{background-color:red;flex:1 1;max-width:30px;min-width:30px}.complete-todo-button,.remove-todo-button{font-size:1rem;line-height:30px;margin:5px}.complete-todo-button{flex:2 1;min-width:80px;width:80px}.exampleBoxCard{border-radius:10px;box-shadow:1px 1px 10px 3px #000;display:flex;flex-basis:calc(50% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:center;margin-bottom:20px;min-height:375px;width:1000px}@media (max-width:600px){.exampleBoxCard{width:100%}}.list{display:flex;transform:perspective(1000px);transform-style:preserve-3d}.small-item img{height:200px;width:120px}.list .small-item{filter:brightness(.2);transition:.5s}.list .small-item:hover{filter:brightness(1);transform:translateZ(100px)}.list .small-item:hover+*{filter:brightness(.6);transform:translateZ(100px)}.list .small-item:hover+*+*{filter:brightness(.3);transform:translateZ(50px)}.list .small-item:has(+:hover){filter:brightness(.6);transform:translateZ(100px)}.list .small-item:has(+*+:hover){filter:brightness(.3);transform:translateZ(50px)}.list-two{border-radius:10px;display:flex;gap:20px;height:auto;margin-bottom:10px;overflow-x:scroll;scroll-snap-type:x mandatory;width:200px}.list-two::-webkit-scrollbar-track{background-color:var(--background-color);border:1px solid var(--text-color);border-radius:10px;padding:2px 0}.list-two::-webkit-scrollbar{width:10px}.list-two::-webkit-scrollbar-thumb{background-color:var(--background-color);border:1px solid var(--text-color);border-radius:10px}.item{background:var(--background-color);box-sizing:border-box;flex-shrink:0;height:320px;scroll-snap-align:center;text-align:center;width:200px}.item,.item img{border-radius:10px}.item img{height:300px;width:180px}.exampleBox{border-radius:10px;box-shadow:1px 1px 10px 3px #000;display:flex;flex-basis:calc(50% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:center;min-height:275px;width:250px}@media (min-width:800px){.exampleBox{flex-basis:calc(30% - 20px);flex-grow:1;flex-shrink:1}}.transforming-button{border-radius:50%;display:flex;font-size:24px;height:50px;transition:width .3s ease,border-radius .3s ease;width:50px}.transforming-button:hover{background-color:var(--primary-color-hover);border-radius:25px;font-size:20px;width:150px}.transforming-button span{display:inline-block;transition:opacity 1s ease}.transforming-button span.transformed-button{opacity:0;position:absolute;visibility:hidden}.transforming-button:hover span.initial-button,.transforming-button:not(:hover) span.transformed-button{opacity:0;visibility:hidden}.transforming-button:hover span.transformed-button{opacity:1;visibility:visible}.holding-button{cursor:pointer;transition:background-color 2s,transform .3s}.holding-button:active{background-color:var(--background-color);transform:scale(.95)}.holding-button-progress{cursor:pointer}.progress-bar{background-color:var(--background-color);border:1px solid var(--background-color);height:5px;margin-top:10px;width:100%}.progress{background-color:#4caf50;height:100%;transition:width .2s}.shining-button{background-color:var(--primary-color);color:var(--text-color);cursor:pointer;overflow:hidden;position:relative}.shining-button:before{animation:shine 3s infinite;animation-timing-function:linear;background:linear-gradient(45deg,#fff3 25%,#ffffff1a 50%,#fff3 75%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:skewX(-30deg);width:30%}@keyframes shine{0%{left:-100%}16.33%{left:120%}to{left:120%}}
/*# sourceMappingURL=main.20f4ab9f.css.map*/