@media only screen and (max-width:600px){.header-item,.logo-container{display:none}.header{display:flex;justify-content:flex-end}.menu{margin-right:5%;margin-top:5%;right:0;top:0;position:fixed;width:8vw;max-width:calc(100vw - .5rem)}.mob-right-nav{position:fixed;right:0;top:0;background:#ee7772;height:100vh;width:50vw;z-index:2;transform:translate(100%);will-change:transform;overflow-x:hidden;transition:transform .5s ease-in-out}.mob-right-nav ul{list-style-type:none;padding:0;margin-top:4rem;width:90vw;max-width:100vw}.mob-right-nav a{text-decoration:none;background:#ee7772;padding:.5rem 1rem;display:block;color:#fff}.mob-right-nav a:hover{opacity:75%}.close{float:right;margin-right:5%;margin-top:5%;width:8vw;background:#ee7772}.open-nav{transform:translate(0)}}@media only screen and (min-width:601px)and (max-width:949px){.header-container{display:flex;align-items:center;padding:.625rem;margin-bottom:3.125rem}.logo-container{position:fixed;top:34px;left:34px;z-index:2}.logo-svg{cursor:pointer;width:32.5px;height:auto;margin-right:1.25rem}.logo-circle,.path1,.path2,.path3{transition:fill .3s ease}.logo-container:hover .logo-circle{fill:#ee7772}.logo-container:hover .path1,.logo-container:hover .path2,.logo-container:hover .path3{fill:#fff}.header{display:flex;flex-direction:row;justify-content:center;flex-grow:1}.header-item{cursor:pointer;font-size:15.6px;font-weight:400;word-wrap:break-word;display:flex;align-items:center;justify-content:center;padding:1.25rem;transition:transform .3s ease}.header-item:hover{transform:translateY(-.3125rem)}.home{color:#f5bf44}.about{color:#93caac}.projects{color:#ee7772}.contact{color:#b196e1}.menu,.mob-right-nav{display:none}}@media only screen and (min-width:950px){.header-container{display:flex;align-items:center;padding:.625rem;margin-bottom:3.125rem}.logo-container{position:fixed;top:1.5625rem;left:1.5625rem;z-index:2}.logo-svg{cursor:pointer;width:3.125rem;height:auto;margin-right:1.25rem}.logo-circle,.path1,.path2,.path3{transition:fill .3s ease}.logo-container:hover .logo-circle{fill:#ee7772}.logo-container:hover .path1,.logo-container:hover .path2,.logo-container:hover .path3{fill:#fff}.header{display:flex;flex-direction:row;justify-content:center;flex-grow:1}.header-item{cursor:pointer;font-size:1.5rem;font-weight:400;word-wrap:break-word;display:flex;align-items:center;justify-content:center;padding:1.25rem;transition:transform .3s ease}.header-item:hover{transform:translateY(-.3125rem)}.home{color:#f5bf44}.about{color:#93caac}.projects{color:#ee7772}.contact{color:#b196e1}.menu,.mob-right-nav{display:none}}@media only screen and (max-width:600px){.hero-container{margin-bottom:2.5rem;margin-top:2.5rem}.hero-card{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center}.intro-text{width:80%;display:flex;justify-content:flex-start;flex-direction:column}.comment,.greeting,.bio,.role{font-size:.98rem;font-weight:400}.comment{opacity:50%;margin-bottom:1rem}.main-title{width:80%;font-size:2.375rem;font-weight:500;color:#8298f5}.description{width:80%;height:10.3125rem}.role{color:#fd6237;font-weight:500}.hero-button{width:9.375rem;height:2.8125rem;display:flex;justify-content:center;align-items:center;border:2px solid black;border-radius:20px}.hero-button:active{background-color:#ee7772;border:2px solid #ee7772}.hero-button:active .hero-button-text{background-color:#ee7772;color:#fff}.profile-img{height:17.625rem;width:17.625rem;object-fit:cover;border-radius:180px;box-shadow:.375rem .375rem .25rem #f5bf44;margin-bottom:3.125rem;align-self:center}}@media only screen and (min-width:601px)and (max-width:949px){.hero-container{display:flex;justify-content:center;margin-bottom:10rem}.hero-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:36.725rem;height:22.506rem;background-color:#fff;box-shadow:.4875rem .4875rem .1625rem #f5bf44;border-radius:1.21875rem;border:.08125rem solid black}.intro-text{position:absolute}#hero-comment1{position:absolute;left:20.53px;top:48.9px;width:20.53px;height:16.9px;font-size:16.9px;font-weight:400px}#hero-comment2{position:absolute;width:20.53px;height:16.9px;font-size:16.9px;font-weight:400px}.greeting{position:absolute;left:21.45px;top:88.4px;width:91.47px;height:16.9px}.main-title{position:absolute;display:flex;left:17.93px;top:119.2px;color:#8298f5;font-size:2.84375rem;font-weight:500}.description{position:absolute;left:21.45px;top:173.55px}.role{color:#fd6237;font-weight:500}.hero-button{position:absolute;left:403.65px;top:267.15px;width:132.6px;height:36.4px;background-color:#fff;color:#000;box-shadow:0 0 0 .121875rem #000;border-radius:.8125rem;transition:background-color .3s ease,box-shadow .3s ease;cursor:pointer}.hero-button:hover{background-color:#ee7772;box-shadow:0 0 0 .1875rem #ee7772}.hero-button-text{position:absolute;left:12.73px;top:50%;transform:translateY(-50%);color:#000;font-size:.975rem;font-weight:500;height:2.275rem;text-align:center;line-height:2.275rem;transition:color .3s ease}.hero-button-text:hover{color:#fff}.profile-img{width:12.795rem;height:12.1875rem;position:absolute;left:367.25px;top:54.6px;border-radius:50%;object-fit:cover}}@media only screen and (min-width:950px){.hero-container{margin-bottom:10rem}.hero-card{position:relative;display:flex;justify-content:center;align-items:center;width:56.25rem;height:34.375rem;background-color:#fff;box-shadow:.75rem .75rem .25rem #f5bf44;border-radius:1.875rem;border:2px solid black}.intro-text{position:absolute;left:1.9375rem;top:5.125rem}.comment,.greeting,.bio,.role{font-size:1.625rem;font-weight:400}.main-title{position:absolute;display:block;left:1.6rem;top:10.9rem;color:#8298f5;font-size:4.375rem;font-weight:500}.description{position:absolute;left:1.9375rem;top:16.4375rem}.role{color:#fd6237;font-weight:500}.hero-button{position:absolute;left:38.6875rem;top:25.5625rem;width:12.75rem;height:3.5rem;background-color:#fff;color:#000;box-shadow:0 0 0 .1875rem #000;border-radius:1.25rem;transition:background-color .3s ease,box-shadow .3s ease;cursor:pointer}.hero-button:hover{background-color:#ee7772;box-shadow:0 0 0 .1875rem #ee7772}.hero-button-text{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:#000;font-size:1.5rem;font-weight:500;width:12.25rem;height:3.5rem;text-align:center;line-height:3.5rem;transition:color .3s ease}.hero-button-text:hover{color:#fff}.profile-img{width:19.685rem;height:18.75rem;position:absolute;left:35.1875rem;top:5.125rem;border-radius:50%;object-fit:cover}}:root{--container-width: 20rem;--image-width: 17.78rem;--image-height-mobile: 23.125rem;--image-height-desktop: 25.9375rem;--border-radius: 1.875rem;--box-shadow-light: .375rem .375rem .25rem #93caac;--box-shadow-dark: .75rem .75rem .25rem #93caac;--font-size-title-mobile: 1.125rem;--font-size-title-desktop: 1.5rem;--font-size-text-mobile: 1rem;--font-size-text-desktop: 1.0375rem;--comment-font-size: 1.5rem}.about-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3.125rem}.about-header{display:flex;flex-direction:column;align-items:flex-start}.about-image{width:var(--image-width);height:var(--image-height-mobile);border-radius:var(--border-radius);object-fit:cover;opacity:0;transition:opacity .5s ease-in-out}.about-image.fade-in{opacity:1}.about-image.fade-out{opacity:0}.about-title{font-size:var(--font-size-title-mobile);font-weight:600;width:var(--container-width)}.about-content{width:var(--container-width);height:29.8125rem}.about-text{font-size:var(--font-size-text-mobile);font-weight:400}@media only screen and (max-width:600px){.about-container,.about-header,.about-title,.about-content{width:var(--container-width)}.about-image{box-shadow:var(--box-shadow-light)}}@media only screen and (min-width:601px)and (max-width:949px){.about-container{width:36.725rem;height:22.506rem;margin-bottom:10rem;position:relative;display:flex;justify-content:center;align-items:center;align-content:center}.about-background{width:36.725rem;height:22.506rem;position:absolute;background:#fff;box-shadow:.4875rem .4875rem .1625rem #93caac;border-radius:1.21875rem;border:.08125rem solid black;display:flex;justify-content:center;align-items:center}.about-title{width:12.6875rem;font-size:15.6px;font-weight:500;color:#000;position:absolute;top:72.8px;left:30.55px}.comment{font-size:16.9px;font-weight:400;color:#00000080;margin-bottom:1.25rem}#about-comment1{position:absolute;left:30.55px;top:39.65px;width:26.53px;height:16.9px;font-size:16.9px;font-weight:400}#about-comment2{position:absolute;font-size:16.9px;font-weight:400;top:220px;width:26.53px;height:16.9px}.about-content{width:300px;height:21.125rem;position:absolute;left:30.55px;top:85.2px;font-size:10.79px;line-height:1.4}.about-text{font-size:10.79px;font-weight:400;color:#000;word-wrap:break-word}.about-image{width:184.91px;height:269.75px;position:absolute;left:365.3px;top:38.35px}}@media only screen and (min-width:950px){.about-container{width:56.25rem;height:34.375rem;margin-bottom:10rem;position:relative}.about-background{width:56.25rem;height:34.375rem;position:absolute;background:#fff;box-shadow:var(--box-shadow-dark);border:.125rem solid black;border-radius:var(--border-radius)}.about-header{width:12.6875rem;position:absolute;left:2.8125rem;top:3.5625rem}.about-title{width:12.6875rem;font-size:var(--font-size-title-desktop);font-weight:500;color:#000}.comment{font-size:var(--comment-font-size);width:12.6875rem;font-weight:400;color:#00000080;margin-bottom:1.25rem}.about-content{width:28.5rem;height:21.125rem;position:absolute;left:2.8125rem;top:8.4rem}.about-text{font-size:var(--font-size-text-desktop);font-weight:400;color:#000;word-wrap:break-word}.about-image{height:var(--image-height-desktop);position:absolute;left:35rem;top:3.5625rem}}@media only screen and (max-width:600px){.project-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3.125rem}.projects-header{margin-bottom:1.25rem;font-weight:600}.project-image{width:19.0625rem;height:11.875rem;border-radius:1.875rem;box-shadow:.375rem .375rem .25rem #ee7772;margin-bottom:1.25rem;border:1px black solid}.project-1,.project-2{margin-bottom:3.125rem}.project-1{width:19.5625rem;height:8.6875rem}.project-2{width:20.25rem;height:9.3125rem}.project-title{font-weight:bolder}.project-created{font-weight:700}.project-description{font-weight:lighter}.comment-1,.comment-2,.comment-3,.comment-4{color:#00000080}.project-button{width:18.875rem;height:3.0625rem;box-shadow:0 0 0 .125rem #000;border-radius:1.25rem;display:flex;justify-content:center;align-items:center}.project-button:active{background-color:#ee7772;box-shadow:0 0 0 .1875rem #ee7772}.project-button:active .project-button-text{background-color:#ee7772;color:#fff}}@media only screen and (min-width:601px)and (max-width:949px){.project-container{width:587.6px;height:360.1px;position:relative;margin-bottom:10rem}.project-background{width:587.6px;height:360.1px;position:absolute;background:#fff;box-shadow:7.8px 7.8px 2.6px #ee7772;border-radius:19.5px;border:1.3px solid black}.projects-header{height:16.9px;position:absolute;left:35.1px;top:14.3px;color:#000;font-size:16.9px;font-weight:500}.project-details{width:230.83px;height:150px;position:absolute;font-weight:500;word-wrap:break-word;line-height:10.4px}.project-1{left:35.1px;top:195.8px}.project-2{left:321.75px;top:192.2px}.project-title{color:#000;font-size:10.4px;font-weight:600}.project-created{color:#000;font-size:9.1px;font-weight:500}.project-description{color:#000;font-size:7.8px;font-weight:100}.comment-1,.comment-2,.comment-3,.comment-4{font-size:10.4px;color:#00000080}.comment-1{left:35.1px;top:189.8px}.comment-2{left:35.1px;top:282.1px}.comment-3,.comment-4{font-size:10.4px;color:#00000080}.project-button{width:270.4px;height:36.4px;position:absolute;left:156.65px;top:301.6px;background:#fff;box-shadow:0 0 0 1.95px #000;border-radius:13px;display:inline-flex;justify-content:center;align-items:center;align-content:center;margin-top:5px;transition:background-color .3s ease,box-shadow .3s ease;cursor:pointer}.project-button:hover{background-color:#ee7772;box-shadow:0 0 0 .1875rem #ee7772}.project-button-text{color:#000;font-size:13px;font-weight:500;align-content:center;transition:color .3s ease}.project-button:hover .project-button-text{color:#fff}.project-image{width:228.8px;height:140.4px;position:absolute;border-radius:19.5px;object-fit:cover;border:.65px solid black}.project-image-1{left:35.1px;top:46.15px}.project-image-2{left:321.75px;top:46.15px}.project-1-redirect,.project-2-redirect{width:13px;height:13px;margin-left:5px;cursor:pointer;transition:transform .3s ease}.project-1-redirect:hover,.project-2-redirect:hover{transform:translateY(-.3125rem)}}@media only screen and (min-width:950px){.project-container{width:56.25rem;height:34.375rem;position:relative;margin-bottom:10rem}.project-background{width:56.25rem;height:34.375rem;position:absolute;left:.1875rem;top:0;background:#fff;box-shadow:.75rem .75rem .25rem #ee7772;border-radius:1.875rem;border:.125rem solid black}.project-details{width:21.875rem;position:absolute;font-weight:500;word-wrap:break-word}.project-1{left:3.5625rem;top:18.1875rem}.project-2{left:31.125rem;top:17.9375rem}.project-title{color:#000;font-size:1rem;font-weight:600}.project-created{color:#000;font-size:.875rem;font-weight:500}.project-description{color:#000;font-size:.75rem;font-weight:100}.comment-1,.comment-2,.comment-3,.comment-4{color:#00000080}.projects-header{position:absolute;left:3.5625rem;top:1.25rem;color:#000;font-size:1.625rem;font-weight:500;word-wrap:break-word}.project-button{width:26rem;height:3.5rem;position:absolute;left:15.25rem;top:28.0625rem;background:#fff;box-shadow:0 0 0 .1875rem #000;border-radius:1.25rem;display:inline-flex;justify-content:center;align-items:center;margin-top:.9375rem;transition:background-color .3s ease,box-shadow .3s ease;cursor:pointer}.project-button:hover{background-color:#ee7772;box-shadow:0 0 0 .1875rem #ee7772}.project-button-text{width:23rem;height:2.5rem;color:#000;font-size:1.25rem;font-weight:500;align-content:center;transition:color .3s ease}.project-button:hover .project-button-text{color:#fff}.project-image{width:21.875rem;height:13.375rem;position:absolute;border-radius:1.875rem;object-fit:cover;border:1px black solid}.project-image-1{left:3.5625rem;top:4.4375rem}.project-image-2{left:31.125rem;top:4.4375rem}.project-1-redirect,.project-2-redirect{margin-left:5px;cursor:pointer;transition:transform .3s ease}.project-1-redirect:hover,.project-2-redirect:hover{transform:translateY(-.3125rem)}}.modal-overlay{z-index:3}.modal-trigger-button{background-color:#3498db;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:16px}.modal-trigger-button:hover{background-color:#2980b9}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex}.modal-content{background-color:#fff;width:90%;height:90%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;outline:none;overflow-y:auto;padding:20px}.modal-close-button-right{position:absolute;top:10px;right:10px;background-color:#fff;color:#000;padding:10px 15px;border:1px black solid;cursor:pointer;font-size:14px;border-radius:5px;transition:background-color .3s ease,color .3s ease,border .3s ease}.modal-close-button-right:hover{background-color:#ee7772;color:#fff;border:1px #ee7772 solid}.modal-body{text-align:center}body{background:#e2eee7;font-family:IBM Plex Mono,monospace;color:#000}.project1-redirect{background-color:#fff}.title{color:#000}h1{color:#000;text-align:center;margin-bottom:30px}.accordion-container{width:100%;max-width:900px;margin:0 auto}.accordion{border:1px solid transparent}.menu-icon{padding-left:10px}.menu-button{width:100%;padding:10px 20px;margin-top:2px;font-size:18px;font-family:IBM Plex Mono,monospace;display:flex;justify-content:space-between;align-items:center;border:1px black solid;border-radius:10px;background-color:#fff;cursor:pointer;outline:none}.menu-button:hover{background-color:#f0f0f0}.icon{font-size:20px;transition:transform .4s}.menu-button.open .icon{transform:rotate(45deg)}.content{padding:0 20px;background-color:#fff;transition:height .4s ease;height:0;overflow:hidden}.project1{object-fit:cover;height:200px;width:200px;border:1px black solid;margin-top:10px}.submit-text{font-family:IBM Plex Mono,monospace}.form-input:focus,.form-textarea:focus{outline:black 1px solid}.form-textarea{resize:none}@media only screen and (max-width:600px){.contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:400;margin-bottom:3.125rem}.form-field{display:flex;flex-direction:column;width:20.3125rem;margin-bottom:1rem}.form-label{font-size:1rem}.form-input,.form-textarea{border:.125rem solid black;border-radius:.3125rem}.form-input{height:2.4375rem}.form-textarea{height:5rem}.submit-button{display:flex;justify-content:center;align-items:center;border:.125rem solid black;border-radius:.3125rem;margin-top:.625rem;height:2.4375rem}.submit-button:active{background-color:#ee7772;border:.125rem solid #ee7772}.submit-text{background:none;border:none;color:#000;font-size:1rem;text-align:center;cursor:pointer;padding:0;width:100%;height:100%}.submit-text:active{color:#fff}.contact-info{width:20rem;height:8.75rem;margin-bottom:3.125rem}.info-header{font-weight:600;font-size:1.125rem}.info-text{font-weight:300;font-size:1.125rem}}@media only screen and (min-width:601px)and (max-width:949px){.contact-container{width:587.6px;height:360.1px;position:relative;margin-bottom:6.25rem}.contact-background{width:587.6px;height:360.1px;position:absolute;background:#fff;box-shadow:7.8px 7.8px 2.6px #b196e1;border-radius:19.5px;border:1.3px solid black}.contact-form{width:259.73px;height:311.35px;position:absolute;left:266.5px;top:30.75px}.form-field{position:relative}.form-label{color:#000;font-size:9.1px;font-weight:400}.form-input,.form-textarea{width:100%;border:1.3px solid black;border-radius:3.25px;padding:.5rem}.form-textarea{height:65px;padding-top:0;padding-bottom:0}.submit-button{width:275.733px;height:26px;display:flex;justify-content:center;align-items:center;margin-top:20px;border:1.3px solid black;box-sizing:border-box;border-radius:3.25px;transition:background-color .3s ease,border .3s ease;left:1px;position:relative}.submit-button:hover{background-color:#ee7772;border:.125rem solid #ee7772}.submit-text{background:none;border:none;color:#000;font-size:9.1px;text-align:center;cursor:pointer;padding:0;width:100%;height:100%;transition:color .3s ease}.submit-text:hover{color:#fff}.contact-info{width:17.75rem;height:14.9375rem;position:absolute;left:48.75px;top:98.15px}.comment{color:#00000080;font-size:16.9px;font-weight:400}.info-header{color:#000;font-size:16.9px;font-weight:500}.info-text{color:#000;font-size:14.3px;font-weight:400}}@media only screen and (min-width:950px){.contact-container{width:56.25rem;height:34.375rem;position:relative;margin-bottom:6.25rem}.contact-background{width:56.25rem;height:34.375rem;position:absolute;background:#fff;box-shadow:.75rem .75rem .25rem #b196e1;border-radius:1.875rem;border:.125rem solid black}.contact-form{width:24.975rem;height:18.95rem;position:absolute;left:25.625rem;top:2.1875rem}.form-field{position:relative;margin-bottom:1rem}.form-label{color:#000;font-size:.875rem;font-weight:400}.form-input,.form-textarea{width:100%;height:2.4375rem;border:.125rem solid black;border-radius:.3125rem;padding:.5rem}.email-field,.message-field{margin-top:.5rem}.form-textarea{height:5rem}.submit-button{width:26.0625rem;height:2.5rem;display:flex;justify-content:center;align-items:center;margin-top:1.25rem;border:.125rem solid black;box-sizing:border-box;border-radius:.3125rem;margin-top:1.875rem;transition:background-color .3s ease,border .3s ease}.submit-button:hover{background-color:#ee7772;border:.125rem solid #ee7772}.submit-text{background:none;border:none;color:#000;font-size:.875rem;text-align:center;cursor:pointer;padding:0;width:100%;height:100%;transition:color .3s ease}.submit-text:hover{color:#fff}.contact-info{width:17.75rem;height:14.9375rem;position:absolute;left:4.6875rem;top:9.3125rem}.comment{color:#00000080;font-size:1.625rem;font-weight:400}.info-header{color:#000;font-size:1.625rem;font-weight:500}.info-text{color:#000;font-size:1.375rem;font-weight:400}}@media only screen and (max-width:600px){.footer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;overflow-x:hidden}.footer-icons{display:flex;justify-content:center;margin-bottom:1.25rem}.footer-icon{width:2.1875rem;height:2.1875rem;padding-left:1.125rem;padding-right:1.125rem}.footer-text{width:100%;max-width:24.125rem;height:auto;word-wrap:break-word;font-size:.875rem;font-weight:500;margin:0 auto}}@media only screen and (min-width:601px)and (max-width:949px){.footer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.footer-icons{display:flex;justify-content:center;align-items:center;margin-bottom:13px}.footer-icon{width:26px;height:26px;margin:0 13px;transition:transform .3s ease}.footer-icon:hover{transform:translateY(-.3125rem)}.footer-text{color:#000;font-size:10.4px;font-weight:400;word-wrap:break-word;margin-bottom:.625rem}}@media only screen and (min-width:950px){.footer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.footer-icons{display:flex;justify-content:center;align-items:center;margin-bottom:1.25rem}.footer-icon{width:2.5rem;height:2.5rem;margin:0 1.25rem;transition:transform .3s ease}.footer-icon:hover{transform:translateY(-.3125rem)}.footer-text{color:#000;font-size:1rem;font-weight:400;word-wrap:break-word;margin-bottom:.625rem}}body{font-family:IBM Plex Mono,monospace;color:#000;overflow-x:hidden;display:flex;justify-content:center}#about,#projects{display:flex;justify-content:center}.fade-in{opacity:0;transition:opacity .5s ease-in}.fade-in.appear{opacity:1}@media only screen and (max-width:600px){body{background:#fff}}@media only screen and (min-width:601px){body{background:#e2eee7;background-size:50px 50px;background-image:linear-gradient(to right,white 2px,transparent 1px),linear-gradient(to bottom,white 2px,transparent 1px)}}