@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..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}.side-nav{align-items:flex-start;background:var(--primary-color);border-radius:12px;box-shadow:var(--inner-glow);display:flex;flex-direction:column;gap:1em;left:5%;padding:1.5em;position:fixed;top:3em}.side-nav .roww{align-items:center;animation:appearLeft 1s ease-out;border-radius:8px;display:flex;flex-direction:row;font-size:1em;font-weight:700;gap:1em;justify-content:flex-start;position:relative;transition:scale .3s ease}.side-nav .roww:hover{filter:brightness(.65);scale:1.1}.side-nav .roww.active:after{width:100%}.side-nav .roww:after{background-color:var(--pop-color);bottom:-.5em;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.side-nav .roww .nav-icon{color:var(--secondary-color);flex-shrink:0;height:24px;overflow:hidden;transition:transform .3s ease;width:24px}@media only screen and (max-width:1300px){.side-nav{display:none}}.tech-icons{flex-wrap:wrap;gap:1em}.tech-icons,.tech-icons li{display:flex;flex-direction:row}.tech-icons li{align-items:center;background-color:var(--primary-color);border-radius:10px;gap:10px;padding:.75em 1em;position:relative;transition:background-color .3s ease,color .3s ease}.tech-icons li:hover{background-color:#0006}.tech-icons li:hover:after,.tech-icons li:hover:before{background-color:var(--pop-color);content:"";height:100%;width:100%}.tech-icons li:after,.tech-icons li:before{background-color:var(--accent-color);border-radius:10px;content:"";height:100%;left:50%;padding:1px;position:absolute;top:50%;translate:-50% -50%;width:100%;z-index:-1}.light-mode .tech-icons li:after,.light-mode .tech-icons li:before{display:none}.light-mode .tech-icons li{background-color:var(--secondary-color);color:var(--primary-color);padding:.8em}.light-mode .tech-icons li:hover{background-color:initial;background-color:var(--accent-color);color:var(--primary-color)}.tech-icons li:before{filter:blur(.5rem);opacity:.4}.project-info .tech-icons{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;max-width:fit-content}.tech-icon-img{height:min(3dvh);width:min(3dvh)}.aboutMe{align-items:center;gap:3em;justify-content:space-between;padding:3em}.aboutMe,.info{display:flex;flex-direction:row}.info{animation:appearTop 1s ease-out;gap:1em;width:100%}.info-group{display:flex;flex-direction:column;gap:1em}.info-group h1{font-family:Oswald,"serif";font-size:3em;margin:0}.aboutMe .social-buttons{padding-top:0;width:100%}.name-header{font-family:Oswald,"serif";font-size:3em;font-weight:500}.aboutMe .row{align-items:center;display:flex;flex-direction:row;gap:.5em}.aboutMe h3,h2,p{font-weight:400;margin:0}.aboutMe h3{font-size:1.25em}.aboutMe p{animation:appearLeft 1s}.aboutMe p:first-of-type{margin-top:1em}.aboutMe .info-group img{height:1.3em;width:1.3em}.pic{align-items:center;animation:appearRight 1s;border-radius:50%;display:inline-block;justify-content:center;overflow:visible;position:relative}.pic:after,.pic:before{background:var(--accent-color);content:"";left:50%;opacity:1;padding:.2em;position:absolute;top:50%;translate:-50% -50%;z-index:-1}.pic:after,.pic:before,.profilePic{border-radius:50%;height:clamp(15em,20vw,25em);width:clamp(15em,20vw,25em)}.profilePic{object-fit:cover;object-position:10% 20%}@media only screen and (max-width:1000px){.aboutMe{flex-direction:column;padding-left:1em;padding-right:1em}}@media only screen and (max-width:620px){.name-header{font-size:2em}.info .row h2,.info h2{font-size:1em}}@keyframes waveAnimation{0%{transform:rotate(0deg)}to{transform:rotate(20deg)}}.experience-container{display:flex;flex-direction:column;gap:2.5em}.experience-item{border-bottom:1px solid var(--accent-color);display:flex;flex-direction:column;gap:1em;padding:1.5em 0}.experience-item:last-child{border-bottom:none}.experience-header{align-items:flex-start;display:flex;gap:1em;justify-content:space-between}.experience-header-left{align-items:center;display:flex;gap:1em}.company-logo{border-radius:8px;flex-shrink:0;height:3em;object-fit:contain;width:3em}.experience-title{color:var(--pop-color);font-family:Oswald,serif;font-size:1.5em;font-weight:500;margin:0}.experience-company{color:var(--secondary-color);font-size:1em;margin:.3em 0 0;opacity:.8}.experience-company .company-link{color:var(--pop-color);text-decoration:none;transition:opacity .2s ease}.experience-company .company-link:hover{opacity:.8;text-decoration:underline}.experience-period{color:var(--secondary-color);font-size:.95em;margin:0;opacity:.7;white-space:nowrap}.experience-description{display:flex;flex-direction:column;gap:.5em;list-style:disc;margin:0;padding-left:1.5em}.experience-description li{color:var(--secondary-color);line-height:1.6}@media only screen and (max-width:768px){.experience-header{flex-direction:column;gap:.5em}.experience-period{white-space:normal}.company-logo{height:2.5em;width:2.5em}}#projects{display:flex;flex-direction:column;max-width:100%}.projects .project{align-items:center;display:flex;flex-direction:row;gap:4em;padding:3em 0}.projects .project .project-info,.projects .project .project-pic-container{display:grid;grid-template-columns:3;position:relative}.group2{display:flex}.project-info{display:flex;flex-direction:column;gap:1em;justify-content:space-between;width:100%}.project-info p{width:80%}.project-info h6{font-family:Oswald,serif;font-size:2em}.project-pic-container{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(var(--image-count),1fr);position:relative;width:100%}.project-pic{box-shadow:var(--thick-shadow);height:100%;object-fit:cover;width:100%}.hover-container,.project-pic{border-radius:10px;transition:opacity .3s ease-in-out}.hover-container{align-items:center;background-color:#0009;display:flex;flex-direction:column;gap:1em;inset:0;justify-content:center;opacity:0;position:absolute}.project-pic-container:hover .hover-container{opacity:1}.hover-button{background-color:var(--pop-color);border-radius:5px;color:var(--dark-color);font-size:1.2em;font-weight:700;padding:.8em 1.5em;text-decoration:none;transition:transform .2s ease-in-out,color .2s ease-in-out}.hover-button:hover{color:var(--light-color);transform:scale(1.1)}.project-pic-container:has(.project-pic:first-child:last-child){grid-template-columns:1fr}.project-pic-container:has(.project-pic:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:1100px){.projects .project{flex-direction:column}.project-pic-container{order:2}.group2{display:flex;flex-direction:column}.project-info{order:1}}.social-buttons{display:flex;flex-direction:row;gap:1em;justify-content:center;padding-top:2em}.social-buttons .social-button{align-items:center;background-color:var(--primary-color);border-radius:10px;box-shadow:var(--inner-glow);display:flex;flex-direction:row;font-family:var(--font-primary);font-size:2em;gap:.5em;justify-content:space-between;padding:.2em .5em;position:relative;transition:transform .3s ease-in-out;width:fit-content}.social-button:after,.social-button:before{background:conic-gradient(from var(--angle),#ff4545,#0f9,#006aff,#ff0095,#ff4545);border-radius:10px;content:"";height:100%;left:50%;opacity:0;padding:1px;position:absolute;top:50%;translate:-50% -50%;width:100%;z-index:-1}.social-button:hover:after,.social-button:hover:before{animation:spin 1s linear infinite;opacity:1}@media only screen and (max-width:700px){.info{align-items:center;display:flex;flex-direction:column}.social-buttons{flex-direction:column;justify-content:center}.social-buttons .social-button{font-size:1.75em}}#contact{display:flex;flex-direction:column;justify-content:center}.contact ul{grid-gap:min(8em,5%);align-items:start;display:grid;gap:min(8em,5%);grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);padding:2em 0}.contact h3{font-size:1.25em;margin:0}.contact .social-buttons{flex-direction:column}.contact ul li .row{align-items:center;display:flex;flex-direction:row;font-size:1.5em;font-weight:600;gap:1em;padding-top:1.35em}.contact-form{display:flex;flex-direction:column;gap:1em}.contact-form input,.contact-form textarea{all:unset;border:1px solid #0000;border-radius:10px;box-shadow:var(--inner-glow);padding:.5em;text-align:left}.contact-form input:focus,.contact-form textarea:focus{border:1px solid var(--accent-color)}.contact-form input:hover,.contact-form textarea:hover{border:1px solid var(--pop-color)}.contact-form button{all:unset;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:10px;color:var(--primary-color);font-family:var(--font-primary);padding:.5em;text-align:center;transition:scale .3s ease}.contact-form button:hover{background-color:var(--primary-color);color:var(--secondary-color)}.copy-text{align-items:center;background:var(--primary-color);border-radius:10px;box-shadow:var(--inner-glow);cursor:pointer;display:flex;flex-direction:row;gap:1em;justify-content:center;overflow:hidden;padding:.5em 1em;position:relative;z-index:1}.copy-text:before{background:conic-gradient(from var(--angle),#ff4545,#0f9,#006aff,#ff0095,#ff4545);border-radius:12px;content:"";height:calc(100% + 4px);left:50%;opacity:0;padding:2px;position:absolute;top:50%;transition:opacity .3s ease-in-out;translate:-50% -50%;width:calc(100% + 4px);z-index:-2}.copy-text:after{background:var(--primary-color);border-radius:8px;content:"";inset:2px;position:absolute;z-index:-1}.copy-text:hover:before{animation:spin 1s linear infinite;opacity:1}span.copy-btn{align-items:center;display:flex;flex-direction:column;justify-content:center}.copy-text img{width:1.2em}@keyframes toastAnimation{0%{opacity:0;transform:translate(-50%,100%)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,100%)}}.toast{background-color:#000;border-radius:5px;bottom:50px;color:#fff;font-size:14px;font-weight:700;left:50%;opacity:0;padding:10px 20px;position:fixed;transform:translate(-50%,100%)}.toast.show{animation:toastAnimation 2.5s ease-in-out forwards}@media only screen and (max-width:900px){.contact ul{grid-template-columns:1fr;padding-bottom:2em}.contact-form textarea{min-height:15dvh}}@media only screen and (max-width:500px){.contact ul li .row{gap:.5em}ul li .row p{text-wrap:wrap;font-size:.65em}ul li .row img{width:1.5em}}.material-symbols-outlined{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}:root{--ubuntu-font:"Ubuntu",sans-serif;--dark-color:#0f2027;--light-color:#f4fff8;--font-primary:"Oswald",serif;--primary-color:#0f2027;--secondary-color:#f4fff8;--accent-color:#8baaad;--pop-color:#279af1;--rainbow-cone-gradient:conic-gradient(#ff4545,#0f9,#006aff,#ff0095,#ff4545);--rainbow-linear-gradient:linear-gradient(90deg,#ff4545,#0f9,#006aff,#ff0095,#ff4545);--dark-to-light-gradient:linear-gradient(to right,var(--primary-color),var(--accent-color));--inner-glow:inset 0 0 0.5px 1px hsla(0,0%,100%,.075),0 0 0 1px #0000000d,0 0.3px 0.4px #00000005,0 0.9px 1.5px rgba(0,0,0,.045),0 3.5px 6px #00000017;--thick-shadow:0px 8px 24px #f4fff866}.light-mode{--primary-color:#f4fff8;--secondary-color:#0f2027;--accent-color:#8baaad;--pop-color:#279af1;--dark-to-light-gradient:linear-gradient(to right,var(--secondary-color),var(--accent-color));--thick-shadow:0px 8px 24px #00000040}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg,#0f2027,#8baaad);background:var(--dark-to-light-gradient);box-sizing:border-box;color:#f4fff8;color:var(--secondary-color);display:flex;justify-content:center;max-height:100dvh;padding:3em}.app section{min-height:50vh}a{color:#f4fff8;color:var(--secondary-color);cursor:pointer;text-decoration:none}section{padding:3em 0}ul{list-style:none}h6,ul{margin:0;padding:0}.themed-header{border-bottom:1px solid #f4fff8;border-bottom:1px solid var(--secondary-color);color:#f4fff8;color:var(--secondary-color);font-size:(1.7vw + 2px);font-weight:500;width:fit-content}.app{display:flex;flex-direction:row;width:80vw}#main,.app{height:100%;position:relative}#main{background:#0f2027;background:var(--primary-color);border-radius:12px;box-shadow:inset 0 0 .5px 1px hsla(0,0%,100%,.075),0 0 0 1px #0000000d,0 .3px .4px #00000005,0 .9px 1.5px rgba(0,0,0,.045),0 3.5px 6px #00000017;box-shadow:var(--inner-glow);margin-left:calc(15% + 1em);max-width:1200px;overflow-y:scroll;padding:1em 2em;width:85%;z-index:1}#main::-webkit-scrollbar{display:none}#main{-ms-overflow-style:none;scrollbar-width:none}.style-toggle{position:absolute;right:2em;top:2em;transition:scale .3s ease,filter .3s ease;width:2.5em}.style-toggle:hover{filter:brightness(.6);scale:1.3}#mainSkills .tech-icons{animation:appearRight 1s ease-out}@media only screen and (max-width:1300px){.app{justify-content:center;width:100%}#main{margin-left:0}}@media only screen and (max-width:640px){body{padding:1em 0}#main{padding-left:1em;padding-right:1em;width:95%}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes appearLeft{0%{opacity:0;transform:translateX(-1000px)}to{opacity:1;transform:translateX(0)}}@keyframes appearRight{0%{opacity:0;scale:.5;transform:translateX(1000px)}to{opacity:1;scale:1;transform:translateX(0)}}@keyframes appearTop{0%{opacity:0;scale:.5;transform:translateY(-500px)}to{opacity:1;scale:1;transform:translateY(0)}}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}
/*# sourceMappingURL=main.b5a8ad5c.css.map*/