html{overflow-y:scroll}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}body{font-family:Montserrat}.page-body{width:90%;max-width:800px;margin:0 auto;padding:.5em;background-color:#fdfdfd}.page-title{display:flex;justify-content:center;align-items:center}.top-buttons{display:flex;justify-content:center;gap:20px;padding:10px;flex-wrap:wrap}.button{padding:10px 20px;background-color:#222;color:#ddd;text-decoration:none;border-radius:10px;transition:background-color .5s}.button2{padding:10px 20px;background-color:#222;color:#ddd;border-radius:10px;transition:background-color .5s}.button:hover,.button2:hover{background-color:#555}.project-button{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;font-family:Montserrat;outline:none;font-size:15px;transition:.5s}.project-button:after{content:"➕";font-size:13px;color:#777;float:right;margin-left:5px}.active:after{content:"➖"}.active,.project-button:hover{background-color:#ccc}.panel{padding:0 18px;background-color:#fdfdfd;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.images{text-align:center}.images img{width:80%;-webkit-mask-image:linear-gradient(90deg,transparent,black 1%,black 99%,transparent);mask-image:linear-gradient(90deg,transparent,black 1%,black 99%,transparent)}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c}.modal-content{margin:auto;display:block;width:80%;max-width:900px}.caption{text-align:center;color:#ccc;padding:10px 0;font-size:20px}.close{position:absolute;top:20px;right:35px;color:#fff;font-size:40px;font-weight:700;cursor:pointer}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}