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;background-color:var(--base)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{display:flex;flex-direction:column;width:100%;background-color:var(--base)}.toggle-container .toggle{position:relative;z-index:2;height:30px;width:60px;margin-top:7px;margin-right:10px;border:1px solid #000;border-radius:20px;float:right}.toggle-container .toggle input{opacity:0;width:0;height:0}.toggle-container .toggle .slider{position:absolute;cursor:pointer;border-radius:20px;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s}.toggle-container .toggle .slider:before{position:absolute;border-radius:20px;content:"";height:24px;width:24px;left:5px;top:3px;background-color:#fff;transition:.3s}.toggle-container .toggle input:checked+.slider{background-color:var(--secondary)}.toggle-container .toggle input:focus+.slider{box-shadow:0 0 1px var(--secondary)}.toggle-container .toggle input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.toolbar-container{position:fixed;z-index:10;background-color:var(--primary);height:50px;width:100%;box-shadow:0 2px 2px 0 rgba(0,0,0,.16)}.toolbar-container .name{position:relative;padding-left:75px;margin-top:7px;font-size:30px;float:left;color:#fff}.toolbar-container .mobile-name{margin-top:10px;font-size:20px;padding-left:10px;color:#fff;float:left}.toolbar-container .toggle-label{float:right;padding-right:10px;color:#fff}.footer-container{background-color:var(--primary);height:50px;width:100%}.footer-container .name{padding-left:75px;margin-top:5px;margin-bottom:0;font-size:30px;color:#fff}@-webkit-keyframes fade-in-transition{0%{opacity:0}to{opacity:1}}@keyframes fade-in-transition{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out-transition{0%{opacity:1}to{opacity:0}}@keyframes fade-out-transition{0%{opacity:1}to{opacity:0}}.fade-in-section-container{width:auto;height:auto;opacity:1}.fade-in-section-container.is-visible{animation:fade-in-transition 1.5s;-webkit-animation:fade-in-transition 1.5s}.banner{display:flex;height:auto;text-align:center;margin-bottom:-6%;position:relative}.banner .bannerImage{width:100%;height:100%}.banner .welcomeText{position:absolute;width:auto;color:#fff;font-weight:700;bottom:45%;left:55%}.diagonalLine{-webkit-transform:skewY(6.5deg);transform:skewY(6.5deg);width:100%;height:300px;background-color:var(--base)}.section-header-container{display:flex;flex-direction:row;justify-content:center;width:100%}.section-header-container .header-text{color:#fff;background-color:var(--secondary);padding:10px;width:auto;height:auto;text-align:center;font-weight:700;font-size:30px;border-radius:10px}.about-me-container{display:flex;flex-direction:column;position:relative;margin-top:-200px;padding-bottom:20px;background-color:var(--base)}.about-me-container .description{display:flex;flex-direction:row;justify-content:center;width:100%}.about-me-container .description .description-text{width:60%;text-align:center;color:var(--invert)}.about-me-container .description .mobile-text{width:100%;padding:10px;text-align:center;color:var(--invert)}.art{display:flex;flex-direction:column;background-color:var(--primary);height:auto}.image{width:auto;height:auto;max-width:90%;max-height:90%;transition:all .5s;padding:5px}.desktop.image:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.row-container{display:flex;flex-direction:row;width:100%}.col-container,.col-container-1{display:flex;flex-direction:column;justify-content:center;align-items:center}.col-container-1{max-width:100%;width:100%}.col-container-2{max-width:50%}.col-container-2,.col-container-3{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.col-container-3{max-width:33%}.container-container{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center}.card-container{box-shadow:0 0 3px 1px var(--box-shadow);display:flex;border-radius:10px;margin-bottom:20px;color:var(--invert);height:auto;width:auto}.card-title-container{text-align:start;font-size:28px;font-weight:700;word-wrap:normal;padding-top:5px;padding-bottom:5px}.card-content-container{font-size:20px;text-align:start;padding:2px}.button-container{width:auto;height:auto;padding:5px;margin:2px;color:#fff;background-color:var(--secondary);border-radius:5px;cursor:pointer;box-shadow:1px 2px 3px 0 var(--box-shadow)}.button-container:active{box-shadow:none}.theme-light{--base:#fff;--primary-shadow:#2f4858;--primary:#33658a;--primary-accent:#86bbd8;--secondary:#ee7b30;--invert:#000;--box-shadow:rgba(0,0,0,0.25)}.theme-dark{--base:#252525;--secondary:#ee7b30;--primary:#2f4858;--invert:#fff;--box-shadow:hsla(0,0%,100%,0.25)}.programming{height:auto;background-color:var(--base)}.programming .container{display:flex;flex-direction:column;justify-content:center;max-width:80%}.programming .description-text{text-align:center;font-size:20px}.programming .card-image{border-radius:2%;min-width:400px;width:100%;margin:0;padding:0}.programming .mobile-image{width:100%;height:auto;border-radius:2%}.desktop-container{flex-direction:row!important}.mobile-container{flex-direction:column!important}.mv-5{margin-top:5px;margin-bottom:5px}.text{color:var(--invert)}.support-container{padding:50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.section-title{color:var(--secondary)}.left-form-column{padding-right:5px}.left-form-column,.right-form-column{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.right-form-column{padding-left:5px}.error-message{margin-top:10px;border:1px solid red;background-color:rgba(255,0,0,.1);padding:10px;border-radius:8px}.success-message{margin-top:10px;border:1px solid green;background-color:rgba(0,255,0,.1);padding:10px;border-radius:8px}.text-input{width:100%;height:40px;margin:5px 0;padding:5px 15px;border-radius:8px;border:1px solid #d3d3d3;outline:none;font-size:16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:var(--base);color:var(--invert)}.text-input-error{border-color:red;background-color:rgba(255,0,0,.1)}.text-area{width:100%;min-width:100%;max-width:100%;height:105px;margin:5px 0;padding:5px 15px;border-radius:8px;border:1px solid #d3d3d3;outline:none;font-size:16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:var(--base);color:var(--invert);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}
/*# sourceMappingURL=main.37bde095.chunk.css.map */