@import"https://fonts.googleapis.com/css2?family=Bungee&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tilt+Prism&family=Workbench&display=swap";@import"https://fonts.googleapis.com/css2?family=Imperial+Script&family=Monsieur+La+Doulaise&display=swap";@import"https://fonts.googleapis.com/css2?family=Imperial+Script&family=League+Script&family=Monsieur+La+Doulaise&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{overflow-x:hidden;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes blink{0%{opacity:0;transition:0}50%{opacity:1;transition:0}to{opacity:0;transition:0}}@keyframes rollIn{0%{opacity:0;transform:translate(200%) rotate(0)}to{opacity:1;transform:translate(0) rotate(-360deg)}}.resume-container{width:100%;min-height:100vh;background-color:#272727;overflow:hidden}.dev-intro-container{width:60%;margin:10px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace;background-color:#0f0f0f;color:#fff;padding:20px;border-radius:10px}.resume-intro-blinking-cursor{font-size:2rem;margin:0;animation:blink 1s infinite}.body-container h1{width:100%;text-align:center;margin:0;color:#fff;font-family:Bungee,sans-serif;font-weight:400;font-style:normal;font-size:3rem}.bold-text{opacity:0;font-weight:700;font-size:3rem;animation:fadeIn 2s forwards}.dev-intro-container p{opacity:0;margin:0;font-size:1.5rem;animation:fadeIn 2s forwards}.picture-of-me-container-wrapper{width:100%;display:flex;align-items:center;justify-content:center;background-color:#325569;padding:10px 0;z-index:1;border-bottom:2px solid #1c837e}.picture-of-me-container{opacity:0;width:30vw;height:30vw;border-radius:50%;display:block;overflow:hidden;border:2px solid #1c837e;z-index:2;animation:rollIn 2s forwards;animation-delay:.5s;box-shadow:0 10px 30px #000c,0 0 20px #1c837e66,inset 0 0 20px #fffc}.picture-of-me{width:100%;height:100%}.resume-download-container{width:60%;margin:10px auto;padding:30px;z-index:4}.resume-download-container p{font-size:1.25rem;text-align:center;color:#fff}.resume-btn{margin:auto;text-align:center;min-width:175px;max-width:200px;height:10px;padding:10px 20px 20px;background-color:#1c837e;border-radius:10px}.resume-btn a{text-decoration:none;color:#fff}.dev-info-container{width:60%;margin:0 auto 30px;display:flex;flex-direction:row;align-items:left;justify-content:center;color:#fff}.dev-info-container .card{padding:20px 20px 40px}.card h2{text-align:center}.card{box-shadow:0 4px 8px #000c;color:#fff;width:100%;min-height:250px;height:auto;padding:10px;background-color:#1d1d1d;margin:10px;border-radius:10px}.skill-display{padding-bottom:20px}.skills-rating{text-align:center;color:#fff;font-family:Bungee,sans-serif;font-weight:400;font-style:normal;font-size:2rem;padding:0;margin:0}.skill-container,.skill-container *{box-sizing:border-box}.skill-title{margin-top:40px}.skill-container{width:100%;height:2px;background-color:#0f0f0f}.skill{width:0;text-align:right;color:#fff;height:2px;background-color:#0497c4;position:relative;transition:width 1s ease-out}.reveal.active .skill{width:var(--target-width)}.skill-marker{margin:0}.contact-description{text-align:center;color:#fff;padding:10px;font-size:1.5rem;font-weight:400;font-style:normal}.contact-container{width:60%;margin:10px auto;display:flex;flex-direction:row;align-items:left;justify-content:center}.contact-item{max-height:250px;min-width:200px}.contact-email-icon{color:#fff}.contact-item p{text-align:center}.contact-item a{color:#fff;text-decoration:none}.contact-item-link a:hover{color:#1c837e}.span-text-icon-left{vertical-align:middle;margin-right:5px}.span-text-icon{vertical-align:middle;margin-left:5px}.reveal{opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}.portfolio-section-container{margin-bottom:50px}@media (max-width: 700px){.bold-text{font-size:2rem}.dev-intro-container p{font-size:1.2rem}.resume-intro-blinking-cursor{font-size:1.4rem}.picture-of-me-container{width:200px;height:200px;min-width:200px;min-height:200px}.dev-info-container{width:60%;margin:10px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:10px}.contact-container{width:60%;margin:0 auto;display:flexbox;flex-direction:column;align-items:center}}@media (hover: hover) and (pointer: fine){.resume-btn:hover>a{color:#1c837e}.resume-btn:hover{background-color:#fff}}.navbar-container{top:0;right:0;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:right;gap:10px;background-color:#383838cc;border-bottom:2px solid white;position:fixed;z-index:3;transition:.5s}.navbar-collapsed{width:80px;height:80px}.navbar-expanded{width:100%;height:80px}.expand-icon-span{margin-right:5px}.visible{opacity:1;visibility:visible;transition:.2s}.hidden{opacity:0;visibility:hidden;transition:.2s}.navbar-item{display:flex;align-items:center;justify-content:center;border-right:1px solid white;padding-right:10px}.expand-icon{display:flex;align-items:center;justify-content:center;border-right:1px solid white;padding:10px;border:none}.expand-icon-left-down{transform:rotate(0);transition:.2s}.expand-icon-right-up{transform:rotate(180deg);transition:.2s}.navbar-container a{color:#fff;font-size:1rem;text-decoration:none;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;transition:.2s}.navbar-container a:hover{font-size:1.2rem}@media (max-width: 700px){.navbar-container{top:0;right:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:top;gap:10px;background-color:#383838cc;border-left:2px solid white;border-bottom:none;position:fixed;z-index:3;transition:.5s}.navbar-item:nth-child(1){order:2}.navbar-item:nth-child(2){order:3}.navbar-item:nth-child(3){order:4}.navbar-item:nth-child(4){order:5}.navbar-item:nth-child(5){order:6}.expand-icon-left-down{transform:rotate(-90deg);transition:.2s}.expand-icon-right-up{transform:rotate(90deg);transition:.2s}.expand-icon{display:flex;align-items:center;justify-content:center;border-right:1px solid white;padding:12px 10px 10px;border:none}.expand-icon-span{order:1}.navbar-expanded{width:200px;height:100%}.navbar-item{display:flex;align-items:center;justify-content:center;border-right:none;border-bottom:1px solid white;padding:10px}}.common-button{background-color:#1c837e;padding:10px;border-radius:10px;color:#fff;font-size:1rem;border:none}@keyframes fadeInAndOut{0%,20%,80%,to{opacity:0}30%,40%,50%,60%,70%{opacity:1}}.portfolio-container{width:70vw;height:350px;margin:auto;display:flex;flex-direction:column;justify-items:center;align-items:center;gap:10px}.portfolio-container .tile{height:100%;width:100%}.portfolio-carousel-container{height:100%;width:fit-content;display:flex;overflow:hidden;border-radius:10px;box-shadow:1px 1px 8px 4px #00000080}.portfolio-carousel-container-fade-in{animation:fadeIn .5s linear}.portfolio-carousel{height:100%;display:flex;flex-direction:row;justify-content:left;justify-items:center}.portfolio-carousel-selectors-container{width:100%;display:flex;flex-direction:row;justify-content:center;gap:5px}.portfolio-item-buttons{padding:3px;background-color:#2d5796;border:1px solid rgb(213,213,213);border-radius:50%;cursor:pointer}.portfolio-item-button-selected{background-color:#1572ff}.tile{flex:0 0 auto;width:100%;color:#fff;text-align:center;background-color:#1d1d1d;padding-bottom:10px;border-radius:10px;overflow:hidden}.tile-contents{display:flex;flex-direction:column;justify-content:center;justify-items:center}.tile-contents h3{padding-top:10px}.tile-contents img{margin:0 auto 10px;border:2px solid rgb(190,190,190);box-shadow:1px 1px 8px 4px #00000080}.tile-img-container{height:100%;margin:auto}.tile h2{padding-top:10px;padding-bottom:10px;background-color:#0f0f0f;border-bottom:2px solid white;font-size:1.3rem;margin:0}.tile h3{width:90%;margin:0 auto;font-size:1rem}.tile p{font-size:.8rem}.tile a{text-decoration:none;color:#fff}.visit-portfolio-story-title{padding:10px 10px 0}.visit-portfolio-app-img-container>img{width:100%;height:100%;min-height:350px;object-fit:cover;object-position:center}.visit-porfolio-item-icon{vertical-align:middle}.portfolio-items-container{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px}.portfolio-next-page-button{color:#fff;cursor:pointer}.portfolio-prev-paper-plane{transform:rotate(-90deg)}.portfolio-tile-buttons-container{bottom:20px;left:80px;width:fit-content;display:flex;flex-direction:column;position:absolute;gap:10px}.portfolio-button-link{display:flex;flex-direction:row;justify-content:center;padding:10px;gap:5px;background-color:#1c837e;border-radius:10px}.portfolio-button-icon{vertical-align:middle}@media (max-width: 700px){.portfolio-container{width:95%;min-width:300px;height:250px}.portfolio-items-container{width:100%;min-width:300px;height:100%;gap:15px}.visit-portfolio-app-img-container>img{height:250px}.portfolio-container .tile{width:100%}.tile{width:300px;height:250px}.tile h2{font-size:1rem;padding-top:10px}.tile h3{width:90%;font-size:.8rem}.tile p{font-size:.7rem}.portfolio-tile-buttons-container{bottom:20px;left:50px;width:fit-content;display:flex;flex-direction:column;position:absolute;gap:10px}}@media (hover: hover) and (pointer: fine){.portfolio-next-page-button:hover{color:#1c837e}.portfolio-button-link:hover{background-color:#fff;color:#1c837e}}.resume-modal-container-minimized{width:175px;height:200px;margin:20px auto}.resume-modal-all-container{font-family:Courier New,Courier,monospace}.resume-modal-body-container{display:flex;flex-direction:row;justify-content:left;justify-items:center}.resume-modal-container-maximized{opacity:0;width:100vw;height:100vh;top:0;left:0;display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;position:fixed;z-index:3;transition:.2s ease-out;background-color:#0000004d;pointer-events:none}.modal-expanded-view{opacity:1;transition:.2s ease-in;pointer-events:all}.resume-modal-xcircle{width:100px;height:100px}.resume-modal-close-icon{width:100px;height:100px;right:20px;top:0;position:absolute;z-index:4;background-color:#0f0f0f;border-radius:50%}.resume-modal-maximized{width:80%;height:90%;border:10px solid #272727;overflow:auto;z-index:3}.resume-modal-pop-out-cover{opacity:0;width:175px;height:200px;display:flex;background-color:#00000080;flex-direction:column;justify-items:center;justify-content:center;align-items:center;color:#fff;position:absolute;transition:.2s ease-out}.resume-modal-pop-out-cover:hover{opacity:1;transition:.2s ease-in}.resume-modal-all-container{background-color:#0f0f0f;height:100%}.resume-modal-all-container{color:#ddd}.resume-modal-minimized ul{font-size:.075rem;padding-inline-start:10px}.resume-modal-minimized h1{font-size:.4rem}.resume-modal-minimized h2{font-size:.3rem}.resume-modal-minimized h3{font-size:.2rem}.resume-modal-minimized h4{font-size:.1rem}.resume-modal-minimized p{font-size:.08rem}.resume-modal-maximized ul{font-size:.9rem}.resume-modal-maximized h1{font-size:2.2rem}.resume-modal-maximized h2{font-size:1.9rem}.resume-modal-maximized h3{font-size:1.7rem}.resume-modal-maximized h4{font-size:1.5rem}.resume-modal-maximized p{font-size:1rem}.resume-modal-header-container{text-align:center;padding:0}.resume-modal-header-container{background-color:#ddd}.resume-modal-header-container h1,.resume-modal-header-container p{color:#0f0f0f}.resume-modal-header-container-minimized{padding:2px}.resume-modal-header-container-maximized{padding:20px 0 20px 20px}.resume-modal-header-container-maximized{padding:5px 0 5px 5px}.resume-modal-body-container-minimized{padding:5px;gap:5px}.resume-modal-body-container-minimized h2{margin:0;padding:0}.resume-modal-body-container-maximized{padding:0 20px 20px 0;gap:20px}.resume-modal-body-container-minimized{padding:0 5px 5px 0}.resume-modal-body-container-maximized h2{margin:0;padding:0}.resume-modal-technical-skills-container-maximized{height:fit-content;border-right:2px solid #dddddd;border-bottom:2px solid #dddddd;background-color:#b4b3b3;color:#0f0f0f;padding:20px}.resume-modal-technical-skills-container-minimized{height:fit-content;border-right:.1px solid #dddddd;border-bottom:.1px solid #dddddd;background-color:#b4b3b3;color:#0f0f0f;padding:2px}.resume-modal-summary-experience-container-maximized{padding-top:20px}.resume-modal-summary-experience-container-minimized{padding-top:5px}@media (max-width: 700px){.resume-modal-xcircle{width:40px;height:40px}.resume-modal-close-icon{width:40px;height:40px;right:0;top:0;position:absolute;z-index:4;background-color:#0f0f0f;border-radius:50%}.resume-modal-maximized ul{font-size:.5rem;padding-inline-start:20px}.resume-modal-maximized h1{font-size:1.3rem}.resume-modal-maximized h2{font-size:1.1rem}.resume-modal-maximized h3{font-size:.9rem}.resume-modal-maximized h4{font-size:.7rem}.resume-modal-maximized p{font-size:.6rem}.resume-modal-technical-skills-container-maximized{height:fit-content;border-right:2px solid #dddddd;border-bottom:2px solid #dddddd;background-color:#b4b3b3;color:#0f0f0f;padding:10px}}@media (hover: none){.resume-modal-pop-out-cover{opacity:1}}.footer-container{width:100%;max-height:50px;text-align:center;margin-top:10px}@media (max-width: 700px){.hn-user-card-container{max-width:90%}}.hn-user-card{width:100%;background-color:#1d1d1d;display:flex;flex-direction:column;justify-content:center;justify-items:center;border-radius:5px;margin:20px auto 0;overflow:hidden}.hn-about-container{padding:20px}.hn-about{height:300px;overflow:auto;text-align:center;--track: rgb(63, 63, 63);--thumb: #2c2c2c;--thumb-hover: #ffffff;--thumb-active: #ffffff}.hn-about{scrollbar-width:thin;scrollbar-color:var(--thumb) var(--track)}.hn-user-card h1{font-size:2rem;margin:0 auto;text-align:center;border-bottom:1px solid white;background-color:#0f0f0f;padding:20px 0;width:100%}.hn-user-card h3,.hn-user-card p{padding:20px}.hn-user-card h3{border:1px solid white;width:fit-content;margin-top:0;text-align:right}.hn-about-title{text-align:center;font-size:1.6rem;width:50%;margin:0 auto 20px;border-bottom:1px solid white;padding:0}.hn-user-card-container{width:500px;margin:0 auto}.user-card-loading h1{text-align:center;font-size:3rem;margin:0}.user-card-loading{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;background-color:#000;color:#fff;--tile: 100px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'>  <text x='50%' y='50%' text-anchor='middle' dominant-baseline='middle'         font-family='monospace' font-size='24' fill='rgba(255,255,255, .15)'>&lt;/&gt;</text></svg>");background-size:var(--tile)}.hn-user-container{min-height:100vh;width:100vw;display:flex;background-color:#000;color:#fff;--tile: 100px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'>  <text x='50%' y='50%' text-anchor='middle' dominant-baseline='middle'         font-family='monospace' font-size='24' fill='rgba(255,255,255, .15)'>&lt;/&gt;</text></svg>");background-size:var(--tile)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-container{opacity:0;width:100vw;height:100vh;left:0;top:0;position:fixed;z-index:3}.hn-iframe-modal-conatainer{width:100vw;height:100vh;background-color:#00000080;z-index:5}.fadeInClass{animation:fadeIn 1s forwards;transition:.2s}.fadeOutClass{animation:fadeOut 1s forwards;transition:.2s}.hn-iframe-modal{width:90vw;height:90vh;left:5vw;top:5vh;background-color:#272727;position:fixed;z-index:5}.hn-iframe-modal iframe{width:100%;height:100%}.close-hn-iframe-modal-icon{right:0;top:0;color:#0f0f0f;z-index:5;position:absolute;transition:.2s}.xcircle{background-color:#454545b3;border-radius:50%}@media (hover: hover) and (pointer: fine){.close-hn-iframe-modal-icon:hover{color:#fff;transition:.2s}}.news-tile-container .hn-page-nav{width:50%;display:inline-flex;justify-content:left;justify-items:center;overflow-x:auto;overflow-y:hidden;background-color:#750675;border-radius:5px;--track: rgb(117, 6, 117);--thumb: #2c2c2c;--thumb-hover: #ffffff;--thumb-active: #ffffff}.news-tile-container .hn-page-nav{scrollbar-width:thin;scrollbar-color:var(--thumb) var(--track)}.latest-news-title{opacity:0;text-align:center;width:100%;font-size:4rem;text-decoration:underline;font-family:Workbench,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"BLED" 0,"SCAN" 0;animation:fadeIn .5s forwards;animation-delay:.5s}.hn-tiles-loading h1{text-align:center;font-size:3rem;margin:0}.hn-tiles-loading{width:100vw;height:100vh;background-color:#1a1a1a;color:#fff;margin-top:0;padding:0}.news-tile{opacity:0;width:350px;height:350px;display:flex;flex-direction:column;justify-content:center;justify-items:center;background:linear-gradient(#050505,#380335,#050505);gap:10px;border-radius:10px;overflow:hidden;animation:fadeIn 1s forwards;animation-delay:1s}.news-tile h2{text-align:center;padding-top:20px;width:90%;padding-bottom:15px;font-size:1rem;margin:0 auto}.news-tile h3{text-align:center;margin:0;font-size:.8rem}.news-tile p{text-align:center}.news-tile a{margin:auto;width:60%;min-height:50px;color:#fff}.story-title-container{width:100%;height:60px;background-color:#0f0f0f;border-bottom:2px solid rgb(10,10,10);overflow:auto;--track: rgb(117, 6, 117);--thumb: #2c2c2c;--thumb-hover: #ffffff;--thumb-active: #ffffff}.story-title-container{scrollbar-width:thin;scrollbar-color:var(--thumb) var(--track)}.hn-news-tile-date{height:40px;overflow:auto;--track: rgb(117, 6, 117);--thumb: #2c2c2c;--thumb-hover: #ffffff;--thumb-active: #ffffff}.hn-news-tile-date{scrollbar-width:thin;scrollbar-color:var(--thumb) var(--track)}.story-button{width:100%;min-height:100%;color:#fff;background-color:#500550;margin:auto;border:none;border-radius:5px}.news-comment-container{width:300px;height:100px;margin:0 auto 10px;overflow:auto;--track: rgb(117, 6, 117);--thumb: #2c2c2c;--thumb-hover: #ffffff;--thumb-active: #ffffff}.news-comment-background{background-color:#0f0f0f}.news-iframe-container{scrollbar-width:thin;scrollbar-color:var(--thumb) var(--track)}.news-iframe-container iframe{width:300px;z-index:1}.iframe-pop-out-icon{opacity:0;width:300px;height:94px;background-color:#000c;display:flex;flex-direction:column;justify-content:center;justify-items:center;position:absolute;z-index:2;pointer-events:all;transition:.2s}.news-tiles-loading h1{text-align:center;font-size:3rem;margin:0;padding-top:50px}.news-tiles-loading{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;background-color:#000;color:#fff;--tile: 100px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'>  <text x='50%' y='50%' text-anchor='middle' dominant-baseline='middle'         font-family='monospace' font-size='24' fill='rgba(255,255,255, .15)'>&lt;/&gt;</text></svg>");background-size:var(--tile)}@media (hover: hover) and (pointer: fine){.story-button:hover{background-color:#750675}.iframe-pop-out-icon:hover{opacity:1;transition:.2s}.news-tile a:hover{color:#969696}}.hn-search-container{width:70%;display:flex;flex-direction:row;justify-content:center;justify-items:center;align-items:stretch;margin:20px auto;gap:0px}.hn-search-btn{color:#fff;font-size:1.8rem;border-top-right-radius:10px;border-bottom-right-radius:10px;border:3px solid #303030;border-left:none;background-color:#303030}.hn-search-box{text-align:center;height:70px;width:100%;margin:auto;color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;font-size:2rem;border:3px solid rgb(49,49,49);border-right:none;background-color:#ffffff4d;padding:0}@media (max-width: 700px){.hn-search-box{text-align:center;height:40px;width:100%;margin:auto;color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;font-size:1.2rem;border:3px solid #313131;border-right:none;background-color:#ffffff4d;padding:0}.hn-search-btn{font-size:1.3rem}}@media (hover: hover) and (pointer: fine){.hn-search-btn:hover{border:3px solid #686868;border-left:none;background-color:#686868}}.hn-page-nav-container{width:100%;display:flex;justify-content:center;justify-items:center}.hn-page-nav button{border:1px solid rgb(71,71,71);color:#fff;width:30px;height:20px;border-radius:5px}.page-btn-inactive{background-color:#0f0f0f}.page-btn-active{background-color:#380335}@media (hover: hover) and (pointer: fine){.page-btn-inactive:hover{background-color:#2e2e2e}}.hn-date-picker{top:0;left:0;position:fixed;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;background-color:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2}.hn-calendar-container{background-color:#000;z-index:3;padding:20px;border-radius:10px}.hn-calendar{margin:auto;display:flex;flex-direction:column;justify-content:center;justify-items:center}.hn-calendar-day-button{color:#fff;width:50px;height:50px;background-color:transparent;border-radius:50%;border:none}.hn-calendar-range-start{width:100%;background-color:#1900ff;border-radius:50% 0% 0% 50%}.hn-calendar-range-middle{background-color:#060133}.hn-calendar-range-end{background-color:#1900ff;border-radius:0% 50% 50% 0%}.hn-calendar-button-next,.hn-calendar-button-previous{width:50px;background-color:#000;border:none}.hn-calendar-chevron{fill:#fff}.hn-calendar-nav{width:100%;display:flex;justify-content:space-between}.hn-calendar-months-container{display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center}.hn-calendar-month-caption{display:flex;flex-direction:row;justify-content:center}.hn-calendar-dropdown{font-size:1rem;background-color:#0f0f0f;margin:10px 20px;color:#fff;padding:10px;border-radius:10px;border:1px solid #1d1d1d}.hn-calendar-caption-label{display:none}.hn-calendar-btn-container{width:100%;display:flex;flex-direction:row;justify-content:center;justify-items:center;gap:2px}.hn-calendar-button{color:#fff;font-size:1.3rem;width:100%;height:50px;border-radius:5px;border:none}.hn-calendar-done-btn{background-color:#093d1a}.hn-calendar-cancel-btn{background-color:#800f0f}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.news-tile-container{opacity:0;width:90%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;justify-items:center;gap:30px;background-color:#1a1a1a;padding:20px;border-radius:10px;z-index:1;animation:fadeIn 1s forwards}.hn-results{opacity:0;text-align:center;width:100%;font-size:4rem;margin:0;animation:fadeIn .5s forwards}.hn-dropdown-form{width:100%;height:40px;display:inline-flex;flex-direction:row;justify-content:center;justify-items:center;gap:10px}.hn-form-select-container{width:100%;display:flex;justify-content:center;justify-items:center}.hn-form-select-container select{height:100%;width:100%;margin-left:10px;color:#fff;text-align:center;background-color:#0f0f0f;border:none;border-radius:5px}.hn-dropdown-form label{font-size:1.3rem}@media (max-width: 700px){.hn-results{margin:100px;font-size:3rem;padding:0}.hn-dropdown-form{width:80%;flex-direction:column;justify-content:center;justify-items:center;gap:30px;margin-top:50px}.hn-dropdown-form label{text-align:center}.clear-search-button{width:150px;height:40px;font-size:1rem;margin:50px}}.hn-app-title{margin:0;padding:20px 0;text-align:center;font-size:4rem;font-family:Tilt Prism,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"XROT" 0,"YROT" 0}.hacker-news-app-container{width:100vw;min-height:100vh}.clear-search-button{width:200px;min-height:60px;font-size:1.8rem;color:#fff;background-color:#500550;margin:auto;border:none;border-radius:5px}.clear-search-button:hover{background-color:#750675}.hn-app-container{width:100vw;display:flex;background-color:#000;color:#fff;--tile: 100px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'>  <text x='50%' y='50%' text-anchor='middle' dominant-baseline='middle'         font-family='monospace' font-size='24' fill='rgba(255,255,255, .15)'>&lt;/&gt;</text></svg>");background-size:var(--tile)}@media (hover: hover) and (pointer: fine){.clear-search-button:hover{background-color:#750675}}.mg-header{justify-items:center;padding-bottom:20px}.mg-header h1{width:fit-content;margin:0;text-align:center;text-decoration:3px underline;font-size:5rem;font-family:Imperial Script,cursive;font-weight:400;font-style:normal;color:#ffeb78}@media (max-width: 700px){.mg-header h1{font-size:2.5rem}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes swinging{0%{transform:translate(3px) translateY(0) rotate(-1deg)}25%{transform:translate(0) translateY(0) rotate(0)}50%{transform:translate(-3px) translateY(0) rotate(1deg)}75%{transform:translate(0) translateY(0) rotate(0)}to{transform:translate(3px) translateY(0) rotate(-1deg)}}@keyframes loadingRotate{0%{transform:rotate(0)}10%{transform:rotate(90deg)}20%{transform:rotate(90deg)}30%{transform:rotate(90deg)}40%{transform:rotate(180deg)}50%{transform:rotate(180deg)}60%{transform:rotate(180deg)}70%{transform:rotate(270deg)}80%{transform:rotate(270deg)}90%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.mg-painting-wall{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;margin-top:20px}.mg-painting-loader{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center}.mg-painting-loader h1{text-align:center;font-size:5rem;font-family:Monsieur La Doulaise,cursive;font-weight:400;font-style:normal}.mg-painting-loader img{max-width:80px;max-height:80px;margin-left:10px;vertical-align:center;transform:rotate(0);animation:loadingRotate 20s linear infinite}.mg-painting{opacity:0;transform:translate(3px) translateY(0) rotate(-1deg);border:10px solid #807d5c;overflow:hidden;animation:fadeIn 1s forwards ease,swinging 5s linear infinite;box-shadow:0 10px 20px #000c}.mg-painting img{max-width:380px;max-height:380px}.mg-no-art h2{margin:auto;font-size:2.5rem;text-align:center;color:#810e0e}.mg-no-art{background-color:#a5ab51;color:#090979;font-family:Imperial Script,cursive;font-weight:400;font-style:normal;box-shadow:2px 5px 2px #0009;padding:10px}.mg-no-art p{font-size:2rem}@media (max-width: 700px){.mg-no-art h2{font-size:2rem}.mg-no-art p{font-size:1.5rem}}.mg-department-selection-items-container{background-color:#a5ab51;box-shadow:0 10px 15px 7px #0006}.mg-department-selection-items-container h1{text-align:center;font-size:2rem;font-family:League Script,cursive;font-weight:800;color:#090979;border-bottom:2px solid #085aa2;padding-bottom:10px}.mg-select-item{display:flex;flex-direction:column;justify-content:left;align-items:left;cursor:pointer}.mg-select-item p{width:100%;margin:0;display:flex;flex-direction:row;align-items:center;gap:10px;padding-top:10px;font-size:1.5rem;font-family:League Script,cursive;font-weight:800;font-style:normal}.mg-unselected-item p{color:#090979;border-bottom:1px solid #085aa2}.mg-selected-item p{color:#810e0e;border-bottom:1px solid #810e0e}@media (max-width: 700px){.mg-select-item p{font-size:1rem}}@media (hover: hover) and (pointer: fine){.mg-select-item p:hover{background-color:#737736}.mg-unselected-item p:hover{color:#810e0e;border-bottom:1px solid #810e0e}.mg-selected-item p:hover{color:#090979;border-bottom:1px solid #085aa2}}.mg-panel-container{height:100vh;top:0;left:0;z-index:2;position:fixed}.mg-panel{height:100%;top:0;display:flex;flex-direction:row;justify-content:center;position:absolute}.mg-panel-icon{display:flex;flex-direction:column;justify-content:center;height:50px;color:#090979}.mg-inner-panel{width:300px;max-height:100%;display:flex;flex-direction:column;justify-items:center;align-items:center;padding:20px;overflow:auto;background-color:#93a52d;box-shadow:12px 10px 15px -4px #000c}.mg-panel-collapsed{left:-340px;transition:.3s ease-out}.mg-panel-expanded{left:0;transition:.3s ease-in}.mg-panel-icon-container{height:fit-content;display:flex;flex-direction:row;justify-content:center;background-color:#93a52d;box-shadow:12px 6px 15px -4px #000c;cursor:pointer}@media (max-width: 700px){.mg-inner-panel{width:50vw;max-height:100%;display:flex;flex-direction:column;justify-items:center;align-items:center;padding:20px;overflow:auto;background-color:#93a52d;box-shadow:12px 10px 15px -4px #000c}.mg-panel-collapsed{left:calc(-50vw - 40px);transition:.3s ease-out}.mg-panel-expanded{left:0;transition:.3s ease-in}}.mg-search-panel-mask{--r: 30px;--x: 30px;--y: 30px}.mg-search-panel-mask{pointer-events:none;position:fixed;inset:0;background:#000c;-webkit-mask:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 98%,black 100%);mask:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 98%,black 100%);display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;z-index:4}.mg-search-instructions{display:flex;flex-direction:column;justify-content:center;justify-items:center;pointer-events:all;background-color:#a5ab51}.mg-search-instructions h1{font-size:2.5rem;font-family:League Script,cursive;font-weight:600;font-style:normal;border-bottom:2px solid rgb(8,90,162);text-align:center;padding-left:20px;padding-right:20px}.mg-search-instructions p{font-size:1.5rem;font-family:League Script,cursive;font-weight:600;font-style:normal;padding-left:20px;padding-right:20px;border-bottom:1px solid rgb(8,90,162)}@media (max-width: 700px){.mg-search-instructions p{font-size:1rem;text-align:center}.mg-search-instructions{width:90vw}}.mg-btn-container{display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center}.mg-btn{color:#090979;font-family:League Script,cursive;font-weight:600;font-style:normal;text-align:center;pointer-events:all;background-color:#a5ab51;box-shadow:0 10px 15px 7px #0006;position:absolute;transition:.3s ease}@media (hover: hover) and (pointer: fine){.mg-btn:hover{background-color:#aeb456;color:#810e0e;cursor:pointer;box-shadow:0 10px 20px 9px #0003}}.mg-pages-outer-container{width:70vw;margin:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.mg-pages-page-count-container{margin:20px auto;width:fit-content;text-align:center;display:flex;flex-direction:column;align-items:center;background-color:#a5ab51;color:#090979;font-family:League Script,cursive;font-weight:600;font-style:normal;box-shadow:2px 5px 2px #0009;padding:5px}.mg-pages-btn-container{font-size:1.3rem;width:100px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#a5ab51;color:#090979;font-family:League Script,cursive;font-weight:600;font-style:normal;box-shadow:2px 5px 2px #0009;padding:5px;cursor:pointer}.mg-pages-container{max-width:100%;display:flex;flex-direction:row;justify-items:center;padding:10px;width:100%;height:40px;background-color:#a5ab51;box-shadow:inset 0 2px 5px 2px #0009;margin:20px auto;overflow-x:auto;overflow-y:hidden}.mg-pages-track{display:flex;width:max-content;margin-inline:auto}.mg-page{font-size:1.2rem;text-align:center;padding:5px;margin:5px;color:#090979;font-family:League Script,cursive;font-weight:600;font-style:normal;box-shadow:0 2px 5px 2px #0009}.mg-page-selected{font-size:1.5rem;background-color:#aeb456;color:#810e0e;cursor:pointer;box-shadow:0 2px 5px 2px #0006}@media (max-width: 700px){.mg-pages-outer-container{width:70vw;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.mg-pages-btn-container{font-size:.8rem;width:auto;padding:5px}}@media (max-width: 1000px){.mg-pages-outer-container{width:70vw;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.mg-pages-btn-container{font-size:.8rem;width:auto;padding:5px}}@media (hover: hover) and (pointer: fine){.mg-pages-btn-container:hover{font-size:1.5rem;background-color:#aeb456;color:#810e0e;box-shadow:0 2px 5px 2px #0006}.mg-page:hover{font-size:1.5rem;background-color:#aeb456;color:#810e0e;cursor:pointer;box-shadow:0 2px 5px 2px #0006}}.mg-app-container{height:100vh;background-color:#834a04;overflow-y:auto;overflow-x:hidden}.error-container{width:100vw;height:100vh;margin:0;text-align:center;background-color:#272727;color:#fff}.error-container h1{margin:auto;font-size:3rem}.house-icon{vertical-align:middle}