body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (max-width:768px){h1{font-size:1.5rem}}body{font-family:Arial,sans-serif;background-color:#00172d}.App{text-align:center}.section h1{font-size:3rem;color:#fff}.active{color:#61dafb}main{padding-top:58px}#home{background:linear-gradient(180deg,#00172d,#090979)}#home,#skills{height:100vh;display:flex;justify-content:center;align-items:center}#skills{background:#090979}#portfolio{height:125vh;background:#090979}#contact,#portfolio{display:flex;justify-content:center;align-items:center}#contact{height:100vh;background:linear-gradient(180deg,#090979,#00172d)}.typewriter-container{display:inline-block;overflow:hidden;border-right:.15em solid #fff;white-space:nowrap;margin:0 auto;letter-spacing:.15em}@media only screen and (max-width:600px){.section{height:auto!important;min-height:calc(100vh - 50px)!important;padding-left:20px;padding-right:20px}.section h1{font-size:2rem;color:#fff}.contactHeader{max-width:50%}#contact .btn{font-size:18px!important}}body{margin:0;padding:0}.App-header{position:fixed;top:0;left:0;right:0;width:100%;background:transparent;padding-top:20px;color:#fff;z-index:100;display:flex;justify-content:center}.App-header nav{display:flex;justify-content:space-around}.App-header nav a{margin:0 20px;color:#fff;text-decoration:none;position:relative;cursor:pointer}.App-header nav a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:#61dafb;transition:width .3s ease}.App-header nav a.active:after{width:100%}.portfolio-image{width:300px;height:300px;object-fit:cover;border-top-left-radius:calc(.375rem - 1px);border-top-right-radius:calc(.375rem - 1px)}.portfolio-container{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:15px;gap:15px;max-width:1245px;margin:0 auto}.portfolio-card{background-color:#fff;border-radius:.375rem;--cui-card-spacer-y:1rem;--cui-card-spacer-x:1rem;position:relative;overflow:hidden;margin-bottom:20px;flex-basis:calc(25% - 20px);min-width:300px;max-width:300px}.portfolio-card-title{margin-top:5px;margin-bottom:5px;font-size:1.25rem;font-weight:700}.portfolio-card-text{margin-top:15px;padding-bottom:15px}.skill-image{width:300px;height:300px;object-fit:cover;border-top-left-radius:calc(.375rem - 1px);border-top-right-radius:calc(.375rem - 1px)}.skill-container{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:15px;gap:15px;max-width:1245px;margin:0 auto}.skill-card{background-color:#fff;border-radius:.375rem;--cui-card-spacer-y:1rem;--cui-card-spacer-x:1rem;position:relative;overflow:hidden;margin-bottom:20px;flex-basis:calc(25% - 20px);min-width:300px;max-width:300px}.skill-card-title{margin-top:5px;margin-bottom:5px;font-size:1.25rem;font-weight:700}.skill-card-text{margin-top:15px;padding-bottom:15px;font-weight:700}#contactContainer{width:30%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (max-width:768px){#contactContainer{width:50%}button{font-size:1.5rem}}.contactHeader{margin-right:15px;font-size:2.5rem}.contactFormLabel{color:#fff;margin-top:25px}.contactFormButton{margin-top:25px}@media screen and (max-width:600px){#contactContainer{width:80%}}footer{background-color:initial;color:#fff;text-align:center;padding:10px}
/*# sourceMappingURL=main.ef89a9ec.chunk.css.map */