@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,900;1,700&display=swap);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}:root{--font-family:"Roboto",sans-serf;--normal-font:400;--bold-font:700;--bolder-font:900;--bg-color:#fff;--primary-color:#00cec0;--secondary-color:#ff7235;--primary-shadow:#8b8eaf;--secondary-shadow:#a17a69;--bottom-margin:0.5rem;--bottom-margin-2:1rem;--line-height:1.7rem;--transition:0.3s}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}ul{list-style-type:none}a{color:#00cec0;color:var(--primary-color)}a,a:hover{text-decoration:none}a:hover{color:#ff7235;color:var(--secondary-color)}body{font-family:Roboto,sans-serf;font-family:var(--font-family)}nav{align-items:center;background-color:#00cec0;background-color:var(--primary-color);box-shadow:0 3px 5px #0000001a;display:flex;justify-content:space-between;left:0;padding:1.5rem 3.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}nav a,nav h1{color:#fff;color:var(--bg-color)}nav a{transition:.3s;transition:var(--transition)}nav a:hover{border-bottom:2px solid #fff;border-bottom:2px solid var(--bg-color)}nav ul{display:flex;gap:1.9rem}nav ul li{font-weight:700;font-weight:var(--bold-font)}.hero{align-items:center;display:flex;gap:2.5rem;justify-content:center;margin-top:50px;max-width:150rem}.bio{border-radius:6px;box-shadow:0 2px 15px 2px #8b8eaf;box-shadow:0 2px 15px 2px var(--primary-shadow);padding:.625rem;width:50rem}.bio h1{margin-bottom:.5rem;margin-bottom:var(--bottom-margin)}.bio p{line-height:1.7rem;line-height:var(--line-height);padding:.3rem 0}.projects{background-color:#fff;background-color:var(--bg-color);margin-top:2rem;padding:32px 0}.project-pic{height:60%;width:65%}.projects-container{align-items:center;justify-content:center}.projects-title{margin-bottom:1rem;text-align:center}.project-container{padding:1rem;text-align:center;width:30rem}.project-container p{padding:.4rem}.project-details,.project-title{margin-bottom:.5rem;margin-bottom:var(--bottom-margin)}.project-card{background-color:#fff;border-radius:11px;box-shadow:0 3px 10px #8b8eaf;box-shadow:0 3px 10px var(--primary-shadow);margin:10px;padding:20px}.certificates{background-color:#fff;background-color:var(--bg-color);margin-top:2rem;padding:32px 0}.certificate-pic{height:85%;width:90%}.certificates-container{align-items:center;justify-content:center}.certificates-title{margin-bottom:1rem;text-align:center}.certificate-container{padding:1rem;text-align:center;width:40rem}.certificate-title{margin-bottom:.5rem;margin-bottom:var(--bottom-margin)}.certificate-card{background-color:#fff;border-radius:11px;box-shadow:0 3px 10px #8b8eaf;box-shadow:0 3px 10px var(--primary-shadow);margin:10px;padding:20px}.contact{margin-top:2rem}.contact h2{margin-bottom:1rem;margin-bottom:var(--bottom-margin-2);text-align:center}.contact-form-container{border-radius:5px;box-shadow:0 3px 10px #a17a69;box-shadow:0 3px 10px var(--secondary-shadow);margin:0 auto;max-width:40.75rem;padding:.938rem}.contact-form-container label{color:#00cec0;color:var(--primary-color);font-weight:700;font-weight:var(--bold-font);line-height:2.7em}.contact-form-container textarea{font-size:14px;min-height:6.25rem}.contact-form-container .input-field{border:2px outset #00cec0;border:2px outset var(--primary-color);border-radius:5px;font-size:.875rem;outline:none;padding-bottom:10px;padding-top:10px;width:100%}.input-field::placeholder{color:#00cec0;color:var(--primary-color);padding:.5rem}.submit-btn{background-color:#fff;border:2px solid #00cec0;border:2px solid var(--primary-color);border-radius:5px;font-size:1rem;font-weight:700;font-weight:var(--bold-font);margin:10px 0;padding:10px;transition:.3s;transition:var(--transition);width:100%}.submit-btn:hover{background-color:#00cec0;background-color:var(--primary-color);border:2px solid #00cec0;border:2px solid var(--primary-color);cursor:pointer}.socials{bottom:50%;display:flex;justify-content:center;margin-top:30px}.socicon{height:2rem;margin-left:10px;margin-right:10px;width:2rem}@media screen and (max-width:720px){nav{padding:1.5rem 1rem}.bio{width:30rem}.projects-container{flex-direction:column}.project-container{width:21rem}.certificate-container{width:25rem}.contact-form-container{max-width:23rem}}@media screen and (max-width:420px){nav{padding:1.5rem .5rem}.bio,.project-container{width:18rem}.certificate-container{width:20rem}.contact-form-container{max-width:19rem}}
/*# sourceMappingURL=main.b7ddf799.css.map*/