:root{--clr-primary-1:#063251;--clr-primary-2:#104e7a;--clr-primary-3:#1a6aa2;--clr-primary-4:#2d87c8;--clr-primary-5:#49a6e9;--clr-primary-6:#6ebef7;--clr-primary-7:#8bcbf9;--clr-primary-8:#a5d5f8;--clr-primary-9:#c5e5fc;--clr-primary-10:#ebf7ff;--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#bcccdc;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--clr-green-dark:#25bb32;--clr-green-light:#6be675;--clr-black:#222;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--light-shadow:0 5px 15px #0000001a;--dark-shadow:0 5px 15px #0003;--max-width:1170px;--fixed-width:620px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f1f5f8;background:var(--clr-grey-10);color:#102a42;color:var(--clr-grey-1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.875rem;line-height:1.5}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{letter-spacing:.1rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{color:#102a42;color:var(--clr-grey-1);margin-bottom:1.25rem}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.section{margin:0 auto;max-width:1170px;max-width:var(--max-width);width:90vw}.section-center{margin:0 auto;max-width:1170px;width:90vw}@media screen and (min-width:992px){.section,.section-center{width:95vw}}.underline{background:#243a52;background:var(--clr-grey-2);height:.25rem;margin:1.25rem auto;width:80%}.about{background:#d6eaec;overflow:hidden;padding:2rem 0;position:relative}.about:before{display:none}.nav-logo{max-height:50px;max-width:50px}.about-title{margin-top:1.5rem;text-align:center}.about-underline{background:#243a52;background:var(--clr-grey-2);height:.25rem;margin:.75rem auto 1rem;width:30%}.about-subtitle{margin-bottom:1.5rem;margin-top:1.5rem;text-align:center}.about-info{grid-column-gap:3rem;align-content:space-evenly;align-items:center;column-gap:3rem;display:grid;grid-template-columns:1fr 1fr;justify-content:space-evenly;justify-items:center;margin-left:auto;margin-right:auto;max-width:60rem}.about-info.about-info-center{display:block;margin:0 auto;max-width:48rem;text-align:center}.about-info.about-info-center p{background:#f1f8f9e6;border-radius:10px;box-shadow:0 2px 8px #00000014;font-size:larger;margin:0 auto;padding:1.5rem 2rem}.about-photo{border:solid #102a42;border:solid var(--clr-grey-1);border-radius:.25rem;border-radius:var(--radius);max-height:30rem;max-width:25rem;object-fit:cover;position:relative}.about-info p{font-size:larger;margin-left:1rem;padding:2rem}@media screen and (max-width:800px){.about-info{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.about:before{height:250%;width:250%}}.skills-p{font-size:14pt;padding:20px}.skills-card{background-color:#f1f8f9;border-radius:10px;box-shadow:0 2px 4px 0 #0003;margin-left:auto;margin-right:auto;padding:10px;text-align:center;width:40rem}.skills-img{border-radius:10px;height:auto;margin-bottom:1rem;max-width:100%}.certification-card{background:#f1f8f9;border-radius:10px;box-shadow:0 2px 10px #00000014;margin:0 auto 3rem;max-width:48rem;padding:1.5rem;text-align:center}.certification-img{display:block;height:auto;margin:0 auto 1.5rem;max-width:260px;width:100%}.portfolio-card{background-color:#f1f8f9;border-radius:10px;box-shadow:0 2px 4px 0 #0003;padding:10px;text-align:center;width:60rem}.portfolio-card,.video-container{margin-left:auto;margin-right:auto}.video-container{margin-bottom:30px;padding:20px;width:40rem}.skills-title{margin-top:30px}.nav{align-items:center;background:#eee;display:flex;height:5rem;justify-content:center;position:relative;z-index:1}.nav-center{max-width:1170px;max-width:var(--max-width);width:90vw}.nav-header{align-items:center;display:flex;justify-content:space-between}.btn{background:#222;background:var(--clr-black);border-color:#0000;border-radius:.25rem;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1rem;padding:.25rem .75rem;transition:all .3s linear;transition:var(--transition)}.btn:hover{background:#617d98;background:var(--clr-grey-5)}.nav-links{display:none}.nav-init{margin-left:1rem;margin-top:.6rem}.hero:before{background:#d6eaec;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero{display:grid;margin-bottom:.5rem;margin-left:0;margin-top:-5rem;min-height:100vh}.hero p{font-size:1.3rem;text-align:center}.hero-center{display:grid;min-height:calc(100vh - 5rem);place-items:center}.hero-btn{align-items:center;display:grid;justify-content:center}.home-img{display:none}.hero h1{text-align:center}.hero-info{background-color:azure;border-radius:10px;padding:15px}.canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media screen and (min-width:800px){.nav-center{align-items:center;display:grid;grid-template-columns:auto 1fr auto}.toggle-btn{display:none}.signin-btn{display:inline-block}.nav-links{grid-column-gap:3rem;align-items:center;column-gap:3rem;display:block;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-self:center;margin-top:1.7rem;text-align:center}.link-btn,.nav-links,.nav-links li{height:100%}.link-btn{border-bottom:solid #75b8c0;color:#102a42;color:var(--clr-grey-1);font-size:1.1rem;letter-spacing:1px;padding:4px;text-transform:capitalize;width:10rem}.home-img{display:block;position:relative}.hero-center{grid-template-columns:1fr 1fr}.home-img:before{border:2rem solid #102a42;border:2rem solid var(--clr-grey-1);border-radius:.8rem;content:"";height:108%;left:-5%;position:absolute;top:-5%;width:110%}}.home-photo{border-radius:.25rem;border-radius:var(--radius);max-height:30rem;max-width:25rem;object-fit:cover;position:relative}.sidebar-wrapper{background:#00000080;display:grid;height:100%;left:0;place-items:center;position:fixed;top:0;transform:scale(0);transition:all .3s linear;transition:var(--transition);visibility:hidden;width:100%;z-index:-1}.sidebar-wrapper.show{transform:scale(1);visibility:visible;z-index:2}.sidebar{background:#fff;background:var(--clr-white);border-radius:.25rem;border-radius:var(--radius);box-shadow:0 5px 15px #0003;box-shadow:var(--dark-shadow);height:95vh;max-width:620px;max-width:var(--fixed-width);padding:4rem 2rem;position:relative;width:90vw}.close-btn{background:#0000;border-color:#0000;color:#617d98;color:var(--clr-grey-5);cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem}.sidebar article{margin-bottom:2rem}.sidebar-sublinks{grid-row-gap:.25rem;display:grid;grid-template-columns:1fr 1fr;row-gap:.25rem}.sidebar-sublinks a{align-items:center;color:#102a42;color:var(--clr-grey-1);display:block;display:flex;text-transform:capitalize}.sidebar-sublinks svg{color:#617d98;color:var(--clr-grey-5);margin-right:1rem}@media screen and (min-width:800px){.sidebar-wrapper{display:none}}.submenu{background:#fff;background:var(--clr-white);border-radius:.25rem;border-radius:var(--radius);box-shadow:0 5px 15px #0003;box-shadow:var(--dark-shadow);display:none;padding:2rem;top:4rem;transition:all .3s linear;transition:var(--transition);z-index:3}.submenu,.submenu:before{left:50%;position:absolute;transform:translateX(-50%)}.submenu:before{border-bottom:5px solid #fff;border-bottom:5px solid var(--clr-white);border-left:5px solid #0000;border-right:5px solid #0000;content:"";display:block;height:0;top:-5px;width:0}.submenu.show{display:block}.submenu-center{grid-gap:.25rem 2rem;display:grid;gap:.25rem 2rem}.col-2{grid-template-columns:repeat(2,1fr)}.col-3{grid-template-columns:repeat(3,1fr)}.col-4{grid-template-columns:repeat(4,1fr)}.submenu h4{margin-bottom:1.5rem}.submenu-center a{align-items:center;color:#102a42;color:var(--clr-grey-1);display:block;display:flex;text-transform:capitalize;width:10rem}.submenu-center svg{color:#617d98;color:var(--clr-grey-5);margin-right:1rem}
/*# sourceMappingURL=main.b1bf60cc.css.map*/