.App{width:100%;height:auto;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;background-color:#3b3a3a}body{padding:0;margin:0}.home{font-family:Arial,sans-serif;color:#0c6dc9}.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:#21325e;color:#f0f0f0}.about h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:80px;color:#e9d35b;height:50px}.about .prompt{width:40%;font-size:30px}.prompt svg{font-size:60px;margin:5px;color:#fff}.skills{font-size:35px;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.skills h1{color:#4e69e2}.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}}.projects{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.projects .projectTitle{text-align:center;color:#3e497a;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}}.navbar{width:100%;height:100px;background:#070707}.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}}.footer{width:100%;height:200px;background:#030303;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:10px;margin-top:200px}.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(100vh - 100px);display:flex;justify-content:center;align-items:center;flex-direction:column}.project h1{margin-top:50px;color:#3e497a;font-size:35px}.project img{width:700px;border-radius:10px}.project p{font-size:40px;color:#3e497a}.project svg{font-size:60px;color:#3e497a}
/*# sourceMappingURL=main.8ba7c2a3.chunk.css.map */