.App{background-color:#f0f0f0;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:auto;width:100%}body{margin:0;padding:0}.home{color:#3498db;font-family:Arial,sans-serif}.about,.home{align-items:center;width:100%}.about{background-color:#2e2f30;color:#f0f0f0;display:flex;flex-direction:column;height:calc(100vh - 100px);justify-content:center;outline:1px solid #3498db;text-align:center}.about h2{color:#3498db;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:80px;height:50px}.about .prompt{font-size:30px;width:40%}.prompt svg{color:#fff;font-size:60px;margin:5px}.skills{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-size:35px;justify-content:center;width:100%}.skills h1{color:#3e497a}.skills .list{list-style:none;width:60%}.list span{font-size:20px}.prompt a:hover svg{color:#7acaff;transition:.1s ease-in}@media only screen and (max-width:600px){.about h2{font-size:40px}.about .prompt{font-size:20px;margin-top:10px;width:80%}.skills{text-align:center}.list{padding:0}.skills h2{font-size:30px}}:root{--background-primary:#2a2c2e;--background-secondary:#2e2f30;--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--accent-color:#3498db;--accent-hover:#7acaff;--code-background:#282c34;--code-text:#abb2bf}.projects{align-items:center;background-color:#2e2f30;background-color:var(--background-secondary);color:#ecf0f1;color:var(--text-primary);display:flex;flex-direction:column;height:auto;justify-content:center;outline:1px solid #3498db;width:100%}.projects .projectTitle{color:#3498db;color:var(--accent-color);font-size:60px;font-weight:bolder;text-align:center}.projectList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:70vw}.projectItem{background-color:#3d4043;border-radius:15px;box-shadow:0 3px 15px #0003;height:300px;margin:40px;text-align:center;width:300px}.projectItem:hover{box-shadow:0 3px 15px #00000080;color:#7acaff;color:var(--accent-hover);cursor:pointer;transition:.1s ease-in}.projectItem .bgImage{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:200px;width:100%}.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%}.projectItem{height:300px;width:300px}}.banner{height:200px;overflow:hidden;position:relative;width:100%}.banner-content{align-items:center;display:flex;height:150%;justify-content:center;transition:transform .3s ease-out;width:130%}.banner img{display:block;height:auto;width:100%}@media only screen and (max-width:768px){.banner-content{height:100px;transition:transform .3s ease-out;width:220%}}.navbar{background-color:#3d4043;height:100px;outline:2px solid #fff;width:100%}.links{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.navbar a{color:#169ffa;font-size:25px;margin:20px;text-decoration:none;transition:color .3s ease-out,font-size .3s ease-out}.navbar a:hover{color:#7acaff;font-size:28px;transition:color .3s ease-in,font-size .3s ease-in}.toggleButton{align-items:center;display:flex;height:100px;justify-content:flex-end;width:100%}.toggleButton svg{font-size:50px}.toggleButton button{background-color:initial;border:none;color:#fff;cursor:pointer;margin-right:20px}#open{height:100vh}#open .links{flex-direction:column;justify-content:flex-start;margin-top:100px}#open a{text-align:center;width:100%}@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{align-items:center;background:#21325e;background-color:#3d4043;display:flex;flex-direction:column;height:200px;justify-content:center;padding-top:10px;width:100%}.socialMedia a svg{background-color:#3d4043;color:#26282a;cursor:pointer;font-size:70px;margin:20px}.socialMedia a:hover svg{color:#7acaff;transition:.1s ease-in}.footer p{background-color:#3d4043}@media only screen and (max-width:600px){.footer a svg{font-size:50px}}.project{align-items:center;background-color:#2e2f30;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.project h1{color:#3498db;font-size:25px;margin-top:50px}.project .video-container{margin-bottom:20px;max-width:700px;overflow:hidden;width:100%}.project video{border-radius:5px;height:auto;width:100%}.project p{color:#3498db;font-size:40px;font-size:20px;text-align:center}
/*# sourceMappingURL=main.ac1ab8a6.css.map*/