.error-boundary{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#31333b;padding:0 20px}.error-boundary-content{max-width:600px;text-align:center;background:#f0bf6c1a;border:2px solid #f0bf6c;border-radius:10px;padding:40px}.error-boundary h1{color:#f0bf6c;margin:0 0 20px;font-size:2rem}.error-message{color:#f9f9f9;margin:0 0 30px;font-size:1.1rem;line-height:1.6}.error-details{margin:20px 0;text-align:left;background:#0000004d;border-radius:5px;padding:15px}.error-details summary{color:#f0bf6c;cursor:pointer;font-weight:700;margin-bottom:10px}.error-details pre{color:#ff6b6b;font-size:.9rem;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.error-boundary-btn{background:#f0bf6c;color:#31333b;border:none;padding:12px 30px;font-size:1rem;border-radius:5px;cursor:pointer;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;font-family:Comfortaa,sans-serif}.error-boundary-btn:hover{background:#ffcc7a;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(240,191,108,.4);box-shadow:0 4px 12px #f0bf6c66}.error-boundary-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width: 768px){.error-boundary-content{padding:30px 20px}.error-boundary h1{font-size:1.5rem}.error-message{font-size:1rem}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/portfolio/assets/material-icons-kAwBdRge.woff2) format("woff2"),url(/portfolio/assets/material-icons-Dr0goTwe.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/portfolio/assets/material-icons-outlined-DZhiGvEA.woff2) format("woff2"),url(/portfolio/assets/material-icons-outlined-BpWbwl2n.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/portfolio/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/portfolio/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/portfolio/assets/material-icons-sharp-gidztirS.woff2) format("woff2"),url(/portfolio/assets/material-icons-sharp-CH1KkVu7.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/portfolio/assets/material-icons-two-tone-DuNIpaEj.woff2) format("woff2"),url(/portfolio/assets/material-icons-two-tone-B7wz7mED.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}body::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-thumb{background:#d6d6d652;border-radius:5px}body::-webkit-scrollbar-button:hover{background-color:#999}body{margin:0;font-family:Comfortaa,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#31333b;color:#f9f9f9}h1{font-family:Besley,serif;font-size:xx-large}button{font-family:Comfortaa,sans-serif;-webkit-box-shadow:none;box-shadow:none;padding:10px 15px;font-size:20px;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}.prevent-select{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.circle{width:30px;height:30px;background:#f0bf6c;border-radius:50%;margin:4px;-webkit-box-shadow:0px 0px 5px 0px #f0bf6c;box-shadow:0 0 5px #f0bf6c}.vertical-line{border:2px solid white;border-radius:1px;height:100%;width:0px;margin:10px auto}.loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#f0bf6c;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
