@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);.app__about{flex-direction:column;justify-content:center;order:3;width:100%;z-index:1}@media screen and (min-width:1008px){.app__about{margin-bottom:5em}}.app__about-heading-container{display:flex;justify-content:center;margin-bottom:5em;margin-top:-3em}.app__about-heading-container h1{font-size:1.7em}@media screen and (min-width:1008px){.app__about-heading-container h1{font-size:1.75em}}@media screen and (min-width:1500px){.app__about-heading-container h1{font-size:3em}}.app__about-info-container{display:flex;flex-direction:column;justify-content:flex-start}@media screen and (min-width:1008px){.app__about-info-container{flex-direction:row}}@media screen and (min-width:1500px){.app__about-info-container{margin-left:auto;margin-right:auto;max-width:70%}}.app__about-description{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.app__about-description-text{margin-top:2rem;width:80%}.app__about-description-text p{font-size:1.4em;text-align:center}@media screen and (min-width:1500px){.app__about-description-text p{font-size:1.8em}}.app__about-icon{margin-top:4rem}.about-icon{fill:var(--text-color);height:12em;margin-top:1rem;width:12em}@media screen and (min-width:1500px){.about-icon{min-height:60%;min-width:60%}}.app__about-skills-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:4rem;margin-top:4rem}@media screen and (min-width:1008px){.app__about-skills-container{margin-bottom:0}}.app__about-skills-list{display:flex;flex-wrap:wrap;width:80%}.app__about-skills-item{flex-direction:column;margin:1rem}.app__about-skills-item,.app__about-skills-item div{align-items:center;display:flex;justify-content:center}.app__about-skills-item div{background-color:var(--white-color);border-radius:50%;height:45px;width:45px}@media screen and (min-width:1008px){.app__about-skills-item div{height:49px;width:49px}}@media screen and (min-width:1500px){.app__about-skills-item div{height:100px;width:100px}}.app__about-skills-item div:hover{box-shadow:0 0 25px var(--secondary-color)}.app__about-skills-item p{font-size:1.4em;font-weight:500;margin-top:.75rem}.Sass{height:72%;width:72%}.app__work{align-items:center;flex-direction:column;height:100%;justify-content:center;order:4;position:relative;width:100%;z-index:1}.app__work h1{font-size:1.7em}@media screen and (min-width:1008px){.app__work h1{font-size:1.75em}}@media screen and (min-width:1500px){.app__work h1{font-size:3em}}.app__work-projects-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2em}@media screen and (min-width:1500px){.app__work-projects-container{flex-direction:row;flex-wrap:wrap}}.project-container{align-items:center;border-radius:5%;display:flex;flex-direction:column;height:600px;justify-content:center;margin-top:2em;transition:all .3s ease;width:100%}@media screen and (min-width:1500px){.project-container{margin:1.5em}}.work-container{background-color:transparent;border-radius:5%;color:var(--secondary-color);display:flex;position:relative;text-align:center}@media screen and (max-width:650px){.work-container{height:44vw;width:90vw}}@media screen and (min-width:650px){.work-container{height:350px;width:650px}}.img-container{position:absolute}.img-container,.img-container img{border-radius:5%;height:auto;width:100%}.img-container img{object-fit:contain}.work-links-container{border-radius:5%;height:100%;width:100%}.app__work-hover{align-items:center;background-color:rgba(0,0,0,.5);border-radius:5%;display:flex;flex-direction:column;justify-content:center;position:absolute}@media screen and (max-width:650px){.app__work-hover{height:100%;width:100%}}@media screen and (min-width:650px){.app__work-hover{height:316.75px;width:650px}}.work-link-icon{align-self:center;color:#fff;font-size:2em}.icon-container{align-items:center;background-color:rgba(0,0,0,.5);border-radius:50%;height:50px;margin:.5rem;transition:all .3s ease;width:50px}.icon-container,.project-info{display:flex;justify-content:center}.project-info{align-content:center;flex-direction:column}.project-info h3,.project-info p{color:#fff;font-family:var(--font-base);font-size:1.1rem;line-height:1.5;text-align:center}@media screen and (min-width:2000px){.project-info h3,.project-info p{font-size:1.75rem}}.icons-container{display:flex}.app__contact-container{flex-direction:column;order:5;width:100%;z-index:1}.app__contact{flex-direction:column;margin-top:4em}.app__contact h1{font-size:1.7em}@media screen and (min-width:1008px){.app__contact h1{font-size:1.75em}}@media screen and (min-width:1500px){.app__contact h1{font-size:3em}}.app__contact-header{flex-direction:column;width:60%}.app__contact-header p{margin-top:2em}@media screen and (min-width:1500px){.app__contact-header p{font-size:1.5em}}.app__contact-form-container{margin-bottom:4em;margin-top:2em;width:100%}.input-container{align-items:center;display:flex;flex-direction:column;width:60%}.input-container input{padding-bottom:.25em;padding-left:.5em;width:100%}@media screen and (min-width:1500px){.input-container input{font-size:1.2em}}.input-container button{align-self:flex-end;background-color:transparent;border:none;border-left:1px solid var(--secondary-color);box-shadow:inset 0 0 0 0 var(--secondary-color);color:var(--secondary-color);cursor:pointer;font-size:1em;margin-top:2.5em;outline:none;text-align:center;transition:.3s ease-out;width:5em}@media screen and (min-width:1500px){.input-container button{font-size:1.2em;width:7em}}.input-container button:hover{box-shadow:inset 5em 0 0 0 var(--secondary-color);color:#fff}@media screen and (min-width:1500px){.input-container button:hover{box-shadow:inset 7em 0 0 0 var(--secondary-color)}}.input-container .sender-email,.input-container .sender-message,.input-container .sender-name{background-color:transparent;border-left:none;border-right:none;border-top:none;border-color:var(--text2-color);outline:none}.input-container .sender-email ::-webkit-input-placeholder,.input-container .sender-message ::-webkit-input-placeholder,.input-container .sender-name ::-webkit-input-placeholder{color:var(--text2-color)}.input-container .sender-email :-ms-input-placeholder,.input-container .sender-message :-ms-input-placeholder,.input-container .sender-name :-ms-input-placeholder{color:var(--text2-color)}.input-container .sender-email ::placeholder,.input-container .sender-message ::placeholder,.input-container .sender-name ::placeholder{color:var(--text2-color)}.input-container .sender-email,.input-container .sender-message{margin-top:1.5em}form{width:100%}.app__footer-container{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,3%,86%,.25);border:1px solid hsla(0,0%,100%,.18);height:105px;order:6;width:100%;z-index:1}.app__footer{align-items:center;display:flex;flex-direction:column;justify-content:center}.app__footer p{font-size:.95em}.footer-icon-link{color:var(--text-color);text-decoration:none}.footer-icon,.footer-icon-middle{font-size:2em}.footer-icon-middle{margin:0 .25em}.app__header{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100%;z-index:1}.app__header-text-container{font-size:1.7em;position:absolute;text-align:center}@media screen and (min-width:700px){.app__header-text-container{font-size:2.5em}}@media screen and (min-width:1200px){.app__header-text-container{font-size:3em}}@media screen and (min-width:1500px){.app__header-text-container{font-size:4em}}@media screen and (min-width:1700px){.app__header-text-container{font-size:5em}}.bold-name-tag{color:#4ca1af;font-weight:500}.header-text{color:var(--text-color);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.app__header-guide{bottom:0;margin-bottom:2%;position:absolute}.guide-arrow{fill:var(--text-color);font-size:.5em;transition:.5s}.guide-arrow:focus,.guide-arrow:hover{fill:var(--primary-color)}@media screen and (min-width:1500px){.guide-arrow{font-size:1em}}.arrow-container{background:none;border:none;border-radius:50%;display:flex;transition:.35s}.arrow-container:focus,.arrow-container:hover{box-shadow:inset 0 0 0 6em var(--secondary-color)}@media screen and (min-width:700px){.arrow-container{border-radius:50%}}.app__navbar{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.18);display:flex;justify-content:space-between;overflow-x:hidden;padding:1rem 2rem;position:sticky;position:-webkit-sticky;top:0;width:100%;z-index:10}.app__navbar-logo{align-items:center;display:none;justify-content:flex-start}.app__navbar-logo img{height:20px;width:120px}@media screen and (min-width:620px){.app__navbar-logo{display:flex}}.app__navbar-links{align-items:center;display:flex;flex:1 1;justify-content:flex-end;list-style:none;margin-right:3em}.app__navbar-links li{cursor:pointer;display:flex;flex-direction:column;margin:0 1rem 0 1.3em}.app__navbar-links li div{background:transparent;border-radius:50%;height:5px;width:5px}@media screen and (min-width:1500px){.app__navbar-links li div{height:8px;width:8px}}.app__navbar-links li a{color:var(--text2-color);flex-direction:column;font-family:var(--font-base);font-size:1em;font-weight:500;height:2em;margin-top:.25em;text-decoration:none;text-transform:uppercase;transition:all .1s ease-in-out}@media screen and (min-width:1500px){.app__navbar-links li a{font-size:1.3em}}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li:hover div{background:var(--secondary-color)}@media screen and (max-width:700px){.app__navbar-links{align-items:center;display:flex;justify-content:center}}.logo-name{height:4em;width:10em}.particle-bg{display:flex;width:100%;z-index:-1}.header-highlight{background-image:linear-gradient(0deg,#4ca1af 15%,transparent 0);background-position:100% 0;background-repeat:no-repeat;background-size:100% auto;color:var(--header-text-color);transition:background-size .5s}.page-sections{display:flex;flex-direction:column;width:100%}.app{background-color:var(--primary-color);font-family:var(--font-base);width:100%}.app__flex{align-items:center;display:flex;justify-content:center}.p-text{color:var(--text2-color);font-family:var(--font-base);font-size:1.1rem;line-height:1.5;text-align:left}@media screen and (min-width:2000px){.p-text{font-size:1.75rem}}:root{--font-base:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;--primary-color:#edf2f8;--secondary-color:#4ca1af;--gradient:linear-gradient(90deg,#2c3e50,#4ca1af);--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff;--text-color:var(--black-color);--text2-color:var(--gray-color);--header-text-color:var(--black-color)}.dark-mode{--header-text-color:#e7f6f2;--text-color:#e4e4e4;--text2-color:var(--text-color);--primary-color:#2c3333;--secondary-color:#a5c9ca;--nav-color:#272727;--nav-text-color:#e4e4e4}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}
/*# sourceMappingURL=main.5595b957.css.map*/