.App{width:100%;height:auto;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;background-color:#f0f0f0}body{padding:0;margin:0}.navbar{width:100%;height:100px;background:#03203c}.links{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.navbar a{color:#fff;text-decoration:none;margin:20px;font-size:25px}.toggleButton{width:100%;height:100px;display:flex;align-items:center;justify-content:flex-end}.toggleButton svg{font-size:50px}.toggleButton button{margin-right:20px;background-color:initial;border:none;color:#fff;cursor:pointer}#open{height:100vh}#open .links{flex-direction:column;justify-content:flex-start;margin-top:100px}#open a{width:100%;text-align:center}@media only screen and (max-width:900px){.navbar a{width:70px}}@media only screen and (max-width:600px){.toggleButton{display:flex}#close a{display:none}}@media only screen and (min-width:600px){.hiddenLinks,.toggleButton{display:none}#open{height:100px}#open .links{flex-direction:row}}.projects{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.projects .projectTitle{text-align:center;color:#242b2e;font-size:60px;font-weight:bolder}.projectList{width:70vw;height:auto;display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center}.projectItem{border-radius:15px;width:300px;height:300px;margin:40px;box-shadow:0 3px 15px rgba(0,0,0,.2);text-align:center}.projectItem:hover{box-shadow:0 3px 15px rgba(0,0,0,.5);transition:.3s ease-in;cursor:pointer}.projectItem .bgImage{border-top-left-radius:15px;border-top-right-radius:15px;width:100%;height:200px;background-position:50%;background-repeat:no-repeat;background-size:cover}.projectItem h1{font-size:25px}@media only screen and (max-width:1300px){.projectList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.projectList{grid-template-columns:1fr;width:100%}}@media only screen and (max-width:800px){.projectItem{width:300px;height:300px}}.home{font-family:Arial,sans-serif;color:#03203c}.about,.home{width:100%;align-items:center}.about{height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center;text-align:center;background-color:#03203c;color:#fff}.about h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:80px;color:#edc126;height:50px}.about .prompt{width:40%;font-size:30px}.prompt svg{font-size:60px;margin:5%;color:#fff}.skills{font-size:35px;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.skills h1{color:#03203c}.skills.list{list-style:none;width:60%}.list span{font-size:20px}@media only screen and (max-width:600px){.about h2{font-size:40px}.about .prompt{margin-top:10px;font-size:20px;width:80%}.skills{text-align:center}.list{padding:0}.skills h2{font-size:30px}}.cta{display:flex;grid-gap:1.2rem;gap:1.2rem;justify-content:center;margin-top:1.7rem;grid-gap:1rem;gap:1rem}.cta,.cta a{color:#fff}.footer{width:100%;height:200px;background:#03203c;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:10px}.socialMedia svg{color:#fff;margin:20px;font-size:70px;cursor:pointer}.footer p{color:#fff}@media only screen and (max-width:600px){.footer svg{font-size:50px}}.project{width:100%;height:calc(115vh - 100px);display:flex;justify-content:center;align-items:center;flex-direction:column}.project h1{margin-top:80px;color:#242b2e;font-size:35px}.project img{width:650px;border-radius:5px}.project p{font-size:40px;color:#242b2e}.project svg{font-size:50px;color:#242b2e}#contact{text-align:center;color:#fff;background-color:#03203c}.container.contact__container{width:60%;display:grid;grid-template-columns:30% 58%;grid-gap:12%;gap:12%;margin:100px;background-color:#03203c}.contact__options{display:flex;flex-direction:column;grid-gap:1.2rem;gap:1.2rem}.contact__option{background:var(--color-bg-variant);padding:1.2rem;border-radius:1.2rem;text-align:center;border:1px solid transparent;transition:var(--transition)}.contact__option:hover{background:#758283;border-color:var(--color-primary-variant)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.contact__option-icon h4,.contact__option h5{color:#fff}.contact__option a{margin-top:.7rem;display:inline-block;font-size:.8rem;color:#fff}form{display:flex;flex-direction:column;grid-gap:1.2rem;gap:1.2rem;-webkit-text-decoration-color:#f0f8ff;text-decoration-color:#f0f8ff}input,textarea{width:100%;border-radius:.5rem;border:2px solid var(--color-primary-variant);resize:none}.btn,input,textarea{padding:1.5rem;background-color:#03203c;color:#fff}.btn{border-radius:.5rem;border-left-color:solid;border-bottom-color:var(--color-primary-variant);border-right-color:solid;border-top-color:2px;width:50%;justify-content:center;text-align:center}@media screen and (max-width:1024px){.container.contact__container{grid-template-columns:1fr;grid-gap:2rem;gap:2rem}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-sm)}}
/*# sourceMappingURL=main.9d0d5e6d.chunk.css.map */