@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap);*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-variant:#2c2c6c;--color-primary:#4db5ff;--color-primary-variant:rgba(77,181,255,.4);--color-white:#fff;--color-light:hsla(0,0%,100%,.8);--container-width-lg:75%;--container-width-md:86%;--container-width-lg:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#1f1f38;background:var(--color-bg);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{height:100vh;margin:0 auto;max-width:90%;max-width:var(--container-width-lg)}h1,h2,h4,h5{font-weight:400}@font-face{font-family:Poppins Medium;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Medium.9e1bb626874ed49aa343.ttf)}@font-face{font-family:Poppins Regular;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Regular.8081832fc5cfbf634aa6.ttf)}@font-face{font-family:Poppins SemiBold;font-style:normal;font-weight:400;src:url(/static/media/Poppins-SemiBold.cce5625b56ec678e4202.ttf)}@font-face{font-family:Poppins Bold;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Bold.404e299be26d78e66794.ttf)}@font-face{font-family:Poppins ExtraBold;font-style:normal;font-weight:400;src:url(/static/media/Poppins-ExtraBold.4ed78cd5d64af4efc3c7.ttf)}@font-face{font-family:Poppins Light;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Light.f41b63c0bb0963ace821.ttf)}@font-face{font-family:Poppins Thin;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Thin.a61eaf4c2e4d44d6db6a.ttf)}*{outline:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins Regular;margin:0;overflow-y:overlay}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px!important;width:6px!important}body ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.16)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.btn{border-radius:50px;cursor:pointer;font-family:Poppins SemiBold;padding:14px 0;transition:.2s;width:160px}.btn:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.primary-btn{background-color:#1f2235;border:2px solid linen;color:var(--white);font-size:12px}.primary-btn:hover{background-color:#1f2235;border:2px solid #ff5823;color:#f0f8ff}.highlighted-btn{background-color:#ff5823;color:var(--white);font-size:12px}@media only screen and (max-width:568px){.highlighted-btn{z-index:-900}}.red-border{border:1px solid var(--error-message)!important}.fade-in{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px);transition:all .8s ease}:root{--light-blue:#04c3ff;--light-blue-shadow:rgba(69,211,255,.27);--sea-green:#0abead;--sea-green-dark:#0cbfae;--sea-green-extra-dark:#09bead;--sea-green-shadow:rgba(11,190,173,.4);--header-hamburger-background:rgba(11,190,173,.8);--orange:#f57f17;--dark-orange:#ff5823;--orange-shadow:rgba(245,127,23,.2);--white:#fff;--black:#333;--disabled-btn:#09bead7a;--error-message:#e44f4fd1;--toast-error:#e44f4ffa;--toast-shadow:#9c9c9ce3;--toast-success:#0cbfae;--loader-color:#0cbfae}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:3rem;display:block;gap:.8rem;left:50%;margin-top:0;padding:.7rem 1.7rem;position:relative;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{background:transparent;border-radius:50%;color:var(--color-white);font-size:1.1rem;padding:.8rem}nav a:hover{background:rgba(0,0,0,.3)}nav a.active{background:var(--color-bg);color:var(--color-white)}.home-container{display:flex;flex-direction:column;justify-content:space-between;min-height:670px}.profile-container{align-items:center;display:flex;height:10%;justify-content:center;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;text-align:center}.profile-parent{align-items:center;color:#f0f8ff;display:flex}.profile-details-name{font-family:poppins SemiBold;font-size:24px}.profile-details-role{display:flex;flex-direction:column;margin:14px}.profile-details-role h1{font-family:"cursive";font-size:28px}.primary-text{color:var(--white)}.highlight-text{color:var(--dark-orange)}.profile-role-tagline{font-family:poppins Light;font-size:15px;margin:0}.profile-options .btn{margin:0 0 0 28px}.highlighted-btn,.profile-options{margin:0 0 0 28px;padding:11px}.profile-options .highlighted-btn:hover{background-color:#fff8dc;color:#111;margin:0 0 0 28px}.profile-image{align-items:center;border-radius:50%;box-shadow:0 1px 0 0 var(--white);display:flex;height:380px;justify-content:center;margin:0 0 0 100px;width:380px}.profile-image-background{background-image:url(/static/media/profile.feca6da722caa5176ca6.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:92%;width:92%}.profile-image-background:hover{-webkit-transform:scale(1.07);transform:scale(1.07);transition:1s ease-out}.header-socials{align-items:center;bottom:3rem;display:flex;flex-direction:column;gap:.8rem;left:30.5px;position:absolute}.header-socials,.header-socials i{color:var(--white)}.header-socials i:hover{color:var(--light-blue);-webkit-transform:scale(3.8);transform:scale(3.8);transition:.5s}.scroll-down a{bottom:5rem;color:var(--white);cursor:pointer;font-size:.9rem;font-weight:200;position:absolute;right:-1.3rem;text-decoration:none;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.scroll-down a:hover{color:var(--light-blue);transition:.5s,ease-in-out}@media screen and (max-width:1110px){.profile-image{margin:0 0 0 80px}.profile-details-role .primary-text{font-size:12px}.profile-details-name{font-size:20px}.profile-options .btn{padding:11px 0;width:120px;z-index:700}}@media screen and (max-width:910px){.profile-image{height:320px;margin:0 0 0 4px;width:320px}}@media screen and (max-width:810px){.profile-image{margin:0!important}.profile-parent{flex-direction:column-reverse;margin:40px 0 0}.profile-options{display:flex;justify-content:space-between}.profile-details{margin:25px 0 0}.profile-details-role,.profile-options{text-align:center}.highlight-btn,.profile-options{margin:0!important}}@media screen and (max-width:375px){.profile-image{height:275px;margin-top:-90px;width:275px}.profile-details{width:90%}}.about-header{color:var(--color-primary);font-size:small;padding-left:0}.about-header h2{color:var(--color-primary);font-size:1rem;font-weight:600;padding-bottom:1rem}.container-about{grid-gap:1.5rem;align-items:center;display:flex;display:grid;flex-direction:column;gap:1.5rem;grid-template-columns:repeat(2,1fr);justify-content:center;padding-left:15%}.container-img img{border-radius:15%;height:320px;-webkit-transform:rotate(10deg);transform:rotate(10deg);transition:.5s}.container-img-overlay{background-color:var(--light-blue);border-radius:15%;height:320px;width:320px}.container-img img:hover{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.about-cards{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);justify-content:center}.about-card{background:var(--color-variant);border:1px solid transparent;border-radius:1rem;padding:2rem;text-align:center}.about-card:hover{background:transparent;border:1px solid var(--color-primary);box-shadow:0 0 1rem var(--color-primary-variant);cursor:pointer;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem);transition:all .3s ease-in-out}.aboutme-btn a{background-color:var(--color-variant);border-radius:5%;color:var(--white);padding:.4rem;text-decoration:none}.aboutme-btn a:hover{background:transparent;border:1px solid var(--color-primary);box-shadow:0 0 1rem var(--color-primary-variant);cursor:pointer;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem);transition:all .3s ease-in-out}.about-cards article{color:var(--color-primary);font-size:1.5rem}.about-cards article h5,p,small{color:var(--color-light)}p{padding:2rem}@media screen and (max-width:1020px){.container-about{grid-gap:1.5rem;align-items:center;display:grid;flex-direction:row;gap:1.5rem;grid-template-columns:repeat(1,1fr)}.about-cards,.container-about{justify-content:center;padding:auto}.about-cards{display:flex;display:grid;flex-direction:column;grid-template-columns:repeat(1,1fr)}.about-header{color:var(--color-primary);font-size:small;padding-bottom:20%;padding-left:0}}.contact-header{display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-weight:600;padding-bottom:3%}.contact-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);padding:2%}.contact-card{background-color:var(--color-variant);border-radius:50%;cursor:pointer;font-size:4rem;height:200px;padding:auto;text-align:center;width:200px}.contact-card:hover{background-color:#ff5964;-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:1.5s}.contact-form{align-items:start}.contact-form,.open-form{display:flex;flex-direction:column;justify-content:center}.open-form{align-items:center;cursor:pointer;padding:2%}@media screen and (max-width:1020px){.contact-cards{display:flex;display:grid;flex-direction:column;grid-template-columns:repeat(1,1fr);justify-content:center;padding-left:20%}}.header{display:flex;flex-direction:column;padding-bottom:3%}.header,.skill-cards{justify-content:center}.skill-cards{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.skill-card{background:#ff5823;border:1px solid transparent;border-radius:1rem;padding:2rem;text-align:center}.skill-card:hover .skill-name .skill-period,.skill-description{display:none}.skill-card:hover .skill-description{display:block}.skill-card:hover{background:transparent;border:1px solid #ff5823;box-shadow:0 0 1rem var(--color-primary-variant);cursor:pointer;transition:.5s}@media screen and (max-width:1020px){.skill-cards{display:flex;display:grid;flex-direction:column;grid-template-columns:repeat(1,1fr);justify-content:center;padding:auto}}.resume-container{grid-gap:1.5rem;background-color:#ff5964;background-color:var(--color-variant);cursor:pointer;display:flex;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);height:500px;padding:2%}.resume-body{background-color:var(--color-primary)}
/*# sourceMappingURL=main.db308a16.css.map*/