@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";html{background-color:#f5f5f5}#root{width:100%;display:flex;flex-direction:column}nav{position:fixed;z-index:100;margin-top:.5%;width:98.5%;margin-left:.75%;padding:15px;font-family:Roboto,sans-serif;display:flex;justify-content:space-between;align-items:center;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all 1s}._navItems_1f1m4_22{width:20%}._scrolled_1f1m4_26{border-radius:0!important;width:100%!important;margin-top:0!important;margin-left:0!important;background:#ffffff80;transition:all 1s;position:fixed}nav ul{width:20%;justify-content:space-between;display:flex;list-style:none}nav ul li a{color:#000;text-decoration:none;font-size:1.1rem;font-weight:600}nav li{position:relative;display:inline-block;overflow:hidden}nav li a{position:relative;z-index:1}nav li:before{content:"";position:absolute;bottom:0;width:0%;height:45%;background:#fff;z-index:0;transition:width .3s ease;right:0;left:auto}nav li:hover:before{width:70%}._active_1f1m4_79{color:#324a51}@media (max-width: 1250px){._navItems_1f1m4_22{width:25%}}._homeContainer_14zfn_3{width:100%;display:flex;flex-direction:column}._homeContent_14zfn_9{width:100%;height:75vh;background-color:#90e9ff;clip-path:polygon(0 0,100% 0,100% 100%,0 55%);padding-top:6%;display:flex;justify-content:space-between}._nameDiv_14zfn_19{display:flex;flex-direction:column;align-items:center;width:30%}._nameDiv_14zfn_19 h1{font-family:Roboto,sans-serif;font-size:7rem}._nameDiv_14zfn_19 h1:first-of-type{color:#fff}._textAndPhoto_14zfn_35{width:60%;display:flex}._heroTextDiv_14zfn_40{display:flex;flex-direction:column;align-items:flex-end;font-family:Roboto,sans-serif;width:50%}._heroTitle_14zfn_48{display:flex;justify-content:center;font-size:1.6rem;padding:15px;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}._heroQuote_14zfn_60{margin-top:5%;display:flex;flex-direction:column;font-size:1.2rem;padding:10px;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:fit-content}._heroButtons_14zfn_74 button{margin-top:20%;font-size:1.2rem;color:#fff;background-color:#324a51;padding:10px;border-radius:8px;border:none;cursor:pointer}._erwinPhotoDiv_14zfn_85{display:flex;justify-content:center;width:50%}._erwinPhotoDiv_14zfn_85 img{height:75%;width:auto;border-radius:16px;border:2px solid black}._techStackContainer_14zfn_98{margin-top:2%;width:85%;max-width:1300px;margin-left:auto;margin-right:auto}._sectionTitle_14zfn_106{font-family:Roboto,sans-serif;width:fit-content;padding:10px;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}._techStack_14zfn_98{display:flex;align-items:center;justify-content:space-evenly;margin-top:1%;height:50vh;width:100%;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}._techStackText_14zfn_131{padding:20px;font-family:Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20%;width:30%;height:90%;font-size:1.4rem;background-color:#95b0b759;border-radius:8px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}._techStackFandB_14zfn_149{display:flex;flex-direction:column;width:40%;height:90%;justify-content:space-between}._devopsContainer_14zfn_157,._databaseContainer_14zfn_158,._frontContainer_14zfn_159,._backContainer_14zfn_160{font-family:Roboto,sans-serif;height:40%;display:flex;flex-direction:column}._front_14zfn_159,._back_14zfn_160{display:flex;justify-content:space-evenly;align-items:center;flex:1;width:100%;background-color:#95b0b759;border-radius:8px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}._techStackDBandDO_14zfn_181{display:flex;flex-direction:column;width:20%;height:90%;justify-content:space-between}._devops_14zfn_157{display:flex;justify-content:space-evenly;align-items:center;flex:1;width:100%;background-color:#95b0b759;border-radius:8px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}._database_14zfn_158{display:flex;justify-content:space-evenly;align-items:center;flex:1;width:50%;background-color:#95b0b759;border-radius:8px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}._techIconAndName_14zfn_215{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20%;height:85%}._techIconAndName_14zfn_215 img{width:100%}._techIconAndNameDevops_14zfn_228{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;height:85%}._techIconAndNameDevops_14zfn_228 img{width:100%}._techIconAndNameDatabase_14zfn_241{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;height:85%}._techIconAndNameDatabase_14zfn_241 img{width:100%}._recentProjectsContainer_14zfn_254{margin-top:15%}._sectionContent_14zfn_258{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-top:1%;height:80vh;width:100%;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);margin-bottom:10%}._projects_14zfn_274{display:flex;justify-content:space-between;align-items:center;width:97.5%;height:85%}._projectPreview_14zfn_282{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;height:90%;background-color:#95b0b759;border-radius:8px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}._projectPhoto_14zfn_296{width:90%;height:90%;display:flex;align-items:center;justify-content:center;overflow:hidden}._projectPhoto_14zfn_296 img{border-radius:8px;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}._projectTitle_14zfn_316{font-family:Roboto,sans-serif;width:90%;display:flex;align-items:center;justify-content:space-between}._projectTitle_14zfn_316 button{font-size:1.1rem;color:#fff;background-color:#324a51;padding:5px;border-radius:8px;border:none;cursor:pointer}._allProjectsButtonDiv_14zfn_334{display:flex;justify-content:flex-end;width:97.5%}@media (max-width: 1250px){._homeContent_14zfn_9{padding-top:7%}._nameDiv_14zfn_19 h1{font-family:Roboto,sans-serif;font-size:5rem}._heroTitle_14zfn_48{font-size:1.2rem;padding:15px}._heroQuote_14zfn_60{font-size:.9rem;padding:10px}._techStackText_14zfn_131{font-size:1.2rem}}._construction_ujmvs_1{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#90e9ff;padding:20px;border-radius:16px}._construction_ujmvs_1 img{width:90%}._projectsContainer_fmz6z_1{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:80vh;padding-top:7vh}._footerContainer_1a7uk_3{font-family:Roboto,sans-serif;display:flex;justify-content:space-between;align-items:center;width:100%;height:8vh;background-color:#90e9ff;padding:0 2rem}._contactMe_1a7uk_14,._socials_1a7uk_15,._madeBy_1a7uk_16{flex:1}._contactMe_1a7uk_14{display:flex;justify-content:flex-start}._socials_1a7uk_15{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:150px;margin:0 auto;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:85%}._madeBy_1a7uk_16{display:flex;justify-content:flex-end}._socials_1a7uk_15 a{display:flex;justify-content:center;align-items:center;height:100%;width:40%}._socials_1a7uk_15 img{height:80%}*{margin:0;padding:0;box-sizing:border-box}#root{min-height:100vh;display:flex;flex-direction:column}