body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-color:#000;color:#fff;font-family:Raleway,sans-serif;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth;width:100%}body{background:linear-gradient(135deg,#001,#014 50%,#036);background-attachment:scroll}a{color:#fff}.App{height:100%}.NavBar{background-color:#191919;color:#0f9;display:flex;justify-content:space-between;position:fixed;width:100%;z-index:99999}.NavBar>a{color:inherit;font-size:25px;padding:10px 10px 5px;text-decoration:none}.NavBar>a:hover{text-decoration:underline}.NavBar>a>svg{color:inherit;padding-bottom:7px;padding-right:10px;vertical-align:middle}.NavBar>a>img{width:18px}.NavBar>a:first-child{flex:1 1 auto;text-align:left}.NavBar>a:not(:first-of-type){text-align:right}.NavBar a.Button{display:none}@media screen and (max-width:1050px){.NavBar>a{font-size:20px}.NavBar>a:not(:first-child){display:none}.NavBar>a.Button{display:inline-block;font-size:25px}.NavBar.responsive{align-items:center;display:block;justify-content:center}.NavBar.responsive>a{display:block;text-align:center}.NavBar.responsive>a:hover{background-color:#4b4b4b;text-decoration:none}.NavBar.responsive>a:first-child{display:inline-block}.NavBar.responsive>a.Button{float:right}.NavBar.responsive>a.Button:hover{background-color:initial}}.content-container{background:#0000004d;border-radius:5px;font-size:25px;margin:0 auto;max-width:70vw;padding:15px;transition:all .3s ease}.content-container:hover{text-shadow:0 0 5px #0f9,0 0 10px #0f9}.content-container a{font-weight:700}.content-container svg{padding-bottom:5px;vertical-align:middle}.intro{align-items:center;background-color:#000;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding-bottom:150px;text-align:center}.intro h1{font-family:Arial;font-size:70px;font-weight:700}.intro p{font-size:30px;margin:0 auto 20px;padding:10px 50px 25px;text-align:center;width:-webkit-fit-content;width:fit-content}.view-work-btn{background:#0000;border:2px solid #0f9;border-radius:4px;color:#0ff998;display:inline-block;font-size:30px;font-weight:500;margin-top:10px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.profile-image{float:right;margin:25px 50px 10px;width:400px}.main-title{font-size:60px;padding-top:60px;text-align:center}.section-title{font-size:40px;margin-top:40px;text-align:center}hr{background-color:#fff;border:0;height:2px;margin:0 7.5vw 30px}.skill-list{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto 30px;width:1120px}.skill-list div{display:table-row-group;margin:10px 20px 10px 10px}.skill-list p{font-size:30px;margin:10px 0 15px;text-align:center}.skill-list svg{border:8px solid #0f9;border-radius:8px;color:inherit;height:180px;padding:15px;transition:all .3s ease;width:180px}.skill-list svg:hover{border-color:#0f9;box-shadow:0 0 20px #0f9,0 0 40px #0f9}.skill-list a:hover{color:#0f9;text-shadow:0 0 5px #0f9,0 0 10px #0f9,0 0 20px #0f9}.contact-container{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.contact-container div{align-items:center;display:flex;flex-direction:column;margin:opx}.contact-container .copyLogo{cursor:pointer;vertical-align:middle}.contact-container .logo{color:#0f9;font-size:100px;margin-top:10px}.contact-container p{font-size:25px;margin:20px;padding:0;text-align:center}.quote{color:#fff;font-size:30px;font-style:italic;font-weight:700;margin:20px 0 10px;padding:0 15px;text-align:center}.footer{background-color:#000;font-size:15px;margin-top:50px;padding:10px 30px 5px 0;text-align:right}.footer a{color:#fff;transition:all .3s ease}.project-grid{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin:0 auto 50px;max-width:calc(1280px + 2rem);padding:0 1rem;width:100%}.project-card{background:#00000080;border:2px solid #0f9;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:#0f9;box-shadow:0 0 20px #0f9,0 0 40px #0f9,0 0 60px #0f9}.project-img{background-position:50%;background-size:cover;padding-top:56.25%;width:100%}.project-text{padding:1rem}.project-text h3{color:#0f9;font-size:1.5rem;margin-bottom:.5rem}.project-text p{color:#fff;font-size:1rem;line-height:1.4}.project-buttons{padding:0 1rem 1rem}.project-buttons a{color:#0f9;font-weight:700}@media (max-width:1000px){.project-grid{grid-template-columns:1fr;max-width:700px}}@media (max-width:650px){.project-text h3{font-size:1.3rem}.project-text p{font-size:.95rem}}@media (max-width:850px){.content-container{font-size:18px}.intro{padding-top:150px}.intro h1,.main-title{font-size:2em}.section-title{font-size:1.5em}.quote{font-size:1.2em}.skill-list p{font-size:1em}.profile-image{display:block;float:none;margin:auto;width:70vw}.project-grid{max-width:500px}}@media (max-width:650px){.skill-list{margin:10px 2.5vw}.skill-list div{margin:5px 10px}.skill-list p{font-size:.9em;margin:5px 0 10px}.skill-list svg{border:3.5px solid #0f9;height:150px;padding:15px;width:150px}}@media (max-width:500px){.intro h1,.main-title{font-size:1.5em}.section-title{font-size:1.2em}.intro p{font-size:1em;padding:0 15px}.skill-list p{font-size:.9em}.skill-list svg{border:2.5px solid #0f9;height:80px;padding:15px;width:80px}}@media (max-width:1200px){.skill-list{margin:10px 15vw;width:auto}}@media (max-width:800px){.skill-list{margin:10px 2.5vw}}
/*# sourceMappingURL=main.703533af.css.map*/