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{--nav_height:85px;--main_text_color:#fff;--main_color_theme:#4cc2d9}.App{box-sizing:border-box;font-family:Arial;width:100%}html{background:linear-gradient(270deg,#171717,#000);min-height:100%}.webGL{background-color:initial;border:none;height:100vh!important;outline:none;position:fixed!important;top:0;width:100vw!important;z-index:-1}.headline_divider{background-color:var(--main_color_theme);height:1px;margin:10px auto;width:100%}.reveal{opacity:0;position:relative;transform:translateY(150px);transition:all 1s ease}.reveal.active{opacity:1;transform:translateY(0)}@keyframes slideDownFromTop{0%{transform:translatey(-100%)}to{transform:translateY(0)}}.nav_styledHeader{align-items:center;box-sizing:border-box;display:flex;height:var(--nav_height);justify-content:center;margin:0!important;overflow-x:hidden;padding:0!important;position:-webkit-sticky;position:sticky;top:0;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.nav_styledHeader.hide{top:-85px}.colored_nav{background-color:#161616;box-shadow:2px 2px 3px #0000004d}.nav_styledNav{align-items:center;display:flex;justify-content:space-between;margin:0 50px;position:relative;width:100%}.nav_styledNav .nav_home{padding:0 15px}.nav_styledNav .nav_home span{align-items:center;color:var(--main_text_color);display:flex;gap:10px;justify-content:space-between}.nav_styledNav .nav_home span img{align-items:center;background-color:var(--main_color_theme);border-radius:5px;display:flex;filter:drop-shadow(2px 2px 2px rgb(0,0,0));height:45px;justify-content:center;padding:5px;transition:.4s ease-out;width:45px}.nav_styledNav a{color:var(--main_text_color);font-size:13px;text-decoration:none;transition:.3s}.nav_styledNav a:hover,.r_style{color:var(--main_color_theme)}.r_style{transition:.4s ease-out}.nav_styledNav a span{color:var(--main_color_theme);transition:color .5s ease-in}.nav_styledNav ol{flex-direction:row;gap:20px}.cv_btn,.nav_styledNav ol{align-items:center;display:flex}.cv_btn{background-color:initial;border:1.5px solid var(--main_color_theme);border-radius:5px;box-shadow:inset 0 0 0 .01px var(--main_color_theme);color:var(--main_color_theme)!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:8px 44px;text-decoration:none;transition:.4s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.burger-wrapper,.cv_btn{cursor:pointer}.burger_icon_style{color:var(--main_color_theme);display:block;font-size:50px;height:38px;padding:10px;width:38px;z-index:10}.burger_icon{background-color:initial;border:none;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 10px;outline:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:700px){.nav_styledNav{align-items:center;display:flex;justify-content:space-between;margin:0;position:relative;width:100%}.cv_btn{font-size:18px;margin-top:20%;padding:10px 0;width:100%}}.visuallyHidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.hamburger{height:30px;margin:0 20px;position:relative;width:30px;z-index:11}.hamburger .bar{background-color:var(--main_color_theme);border-radius:4px;display:block;height:4px;padding:0;position:absolute;transition:all .4s ease-in-out;width:30px}.bar1{top:0}.bar2,.bar3{top:13.5px}.bar3{right:0}.bar4{bottom:0}.checkbox1:checked+label>.hamburger1>.bar1{transform:rotate(45deg);transform-origin:5%;width:41px}.checkbox1:checked+label>.hamburger1>.bar2{background-color:initial;transform:translateX(-40px)}.checkbox1:checked+label>.hamburger1>.bar3{background-color:initial;transform:translateX(40px)}.checkbox1:checked+label>.hamburger1>.bar4{transform:rotate(-45deg);transform-origin:5%;width:41px}.mobile_menu_backdrop{animation:fadeIn 1s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#08080833;height:100vh;position:fixed;top:0;transition:1s;width:100vw;z-index:9}.mobile_menu{align-items:center;animation:slideInFromRight .5s;background-color:#161616;box-shadow:-10px 0 30px -15px #191919b3;display:block;display:flex;height:100vh;justify-content:center;position:fixed;right:0;top:0;transition:.5s cubic-bezier(.645,.045,.355,1);width:70vw;z-index:10}.mobile_menu_nav{display:flex;flex-direction:column;gap:20px;height:50%;width:60%}.mobile_menu_nav a{font-size:22px}.menu_hidden{right:-50px;width:0}.menu_backdrop_hidden{display:none}.mobile_socials_container{border-top:2px solid var(--main_color_theme);display:flex;justify-content:space-around;margin-top:10px;padding:20px 0;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{transform:translateX(100px)}to{transform:translateX(0)}}.socials_sidebar{bottom:0;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:2%;position:fixed;width:50px;z-index:10}.socials_sidebar aside{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;list-style:none;width:100%}.socials_icon{box-shadow:1px solid #000000b3;color:gray;cursor:pointer;font-size:22px;margin:10px 0;transition:.1s}.socials_icon:hover{color:var(--main_color_theme);transform:translateY(-5px)}.socials_divider:after{background-color:#aaa;content:"";display:block;height:120px;margin:12px auto 0;width:1px}.theme_sidebar{align-items:center;border-left:3px solid var(--main_color_theme);bottom:100px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:fixed;right:0;width:25px;z-index:10}.color_theme{cursor:pointer;height:30px;width:100%}.color_theme.theme_cyan{background-color:#4cc2d9}.color_theme.theme_white{background-color:#fff}.color_theme.theme_green{background-color:#2cd938}.color_theme.theme_pink{background-color:#e34b6c}.color_theme.theme_purple{background-color:#6b49c9}@media screen and (max-width:700px){.socials_sidebar{visibility:hidden}.theme_sidebar{border-left:none;border-top:3px solid var(--main_color_theme);bottom:auto;flex-direction:row;height:25px;margin-top:auto;position:relative;right:auto;top:auto;width:100%}.color_theme{height:100%;width:20%}}.main_container{display:flex;flex-direction:column;height:100%;margin:0 auto;width:85%;z-index:5}.name_section{color:var(--main_text_color);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding-bottom:50px;width:95%}.name_section:before{color:gray;content:"welcome";font-family:cursive;font-size:15px}.name_section h1{font-family:Arial;font-size:5em;letter-spacing:-5px;margin:0;padding:0}.name_section h1 p{color:#dcdcdc;font-size:16px;font-weight:lighter;letter-spacing:normal;text-shadow:rgba(0,0,0,.503);width:50%}.profession{font-size:3.5rem;letter-spacing:-3px;margin:0!important;padding:0!important}.contact_me_btn{background-color:initial;border:2px solid var(--main_color_theme);box-shadow:inset 0 0 0 .01px var(--main_color_theme);color:var(--main_color_theme);cursor:pointer;display:block;font-size:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:25px 0;padding:12px 50px;text-decoration:none;transition:.4s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.slide_right:hover{box-shadow:inset 400px 0 0 0 var(--main_color_theme);color:#000!important}.section{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;width:100%}.section:first-of-type{height:100vh}.section_headline{font-size:22px;margin-top:15vh;padding-top:50px;width:100%}.section_headline span:first-of-type{border-radius:3px;color:var(--main_color_theme);font-family:Monaco;margin-left:50px;padding:0 20px;transition:.4s ease-out;width:50px}.section_headline span:last-of-type{color:var(--main_text_color);margin-left:10px}.project_column{align-items:center;display:flex;flex-direction:column;gap:50px;width:100%}.project{color:var(--main_text_color);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;margin:100px 50px;width:75%}.project:first-of-type{margin-top:30px}.project.mid{margin-left:auto}.project h3{font-size:20px;font-weight:lighter;grid-column:auto/span 12}.project.mid h3{display:flex;justify-content:flex-end}.project_preview_container{background-color:#1d1d1d;border-radius:5px;display:flex;grid-column:auto/span 9;height:400px}.project_preview_container.mid{flex-direction:row-reverse}.project_preview_container div{align-items:center;background-color:#0e0e0e;border-radius:10px;display:flex;justify-items:center;margin:15px;width:100%}.project_preview_container aside{align-items:center;background-color:var(--main_color_theme);border-bottom-left-radius:5px;border-top-left-radius:5px;box-shadow:2px 2px 2px #0000001a;display:flex;flex-direction:column;height:100%;transition:.4s ease-out;width:50px}.project_preview_container.mid aside{border-bottom-left-radius:0;border-bottom-right-radius:5px;border-top-left-radius:0;border-top-right-radius:5px}.project_description_container{background-color:#1d1d1dad;border-radius:5px;display:flex;flex-direction:column;grid-column:auto/span 3;height:400px;justify-content:space-between;margin:0 10px}.project_description_container a{align-items:center;background-color:initial;border:none;border:2px solid var(--main_color_theme);box-shadow:inset 0 0 0 .01px var(--main_color_theme);color:var(--main_color_theme);cursor:pointer;display:flex;justify-content:center;margin:10px;outline:none;padding:10px 0;text-decoration:none;transition:.4s ease-out}.project_description_container a:hover{box-shadow:inset 400px 0 0 0 var(--main_color_theme);color:#000;transition:.4s ease-out}.project_description_container.mid{margin-left:0;margin-right:10px}.project_description_container p{color:#d0d0d0;font-size:14px;line-height:20px;margin:16px}.project_tools{align-items:center;display:flex;flex-wrap:wrap;gap:10px;grid-column:auto/span 12;margin-top:10px}.project_tools.mid{justify-content:flex-end}.project_tools span{background-color:#1d1d1d;border:1px solid var(--main_color_theme);border-radius:5px;box-shadow:2px 2px 2px #0000001a;color:var(--main_color_theme);font-size:15px;padding:7px 10px;text-shadow:1px 1px #0000004d;transition:.4s ease-out}.project_preview_container aside i{background-color:#1d1d1d;border-radius:50px;margin:7px 10px;padding:15px}.project_preview_container aside i:first-of-type{margin-top:15px}.project_preview_img{border:2px solid var(--main_color_theme);border-radius:10px;height:100%;margin:0 auto;object-fit:contain;transition:.4s ease-out;width:100%}.more_projects_container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px auto;padding-bottom:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.more_projects_section span h3{color:#fff;display:flex;font-size:22px;font-weight:lighter;justify-content:center;margin:50px 0;width:100%}.other_project{align-items:center;background-color:#1d1d1d;border-radius:5px;border-top:3px solid var(--main_color_theme);cursor:pointer;display:flex;height:300px;justify-content:center;text-decoration:none;transition:.8s;transition:.4s ease-out;width:350px}.other_project:hover{background-color:var(--main_color_theme);opacity:.9}.other_project_inner{color:var(--main_text_color);display:flex;flex-direction:column;height:90%;width:90%}.other_project_tools{align-items:center;display:flex;gap:20px;margin-top:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:root[style*="--main_color_theme: #ffffff"] .other_project:hover .other_project_inner p,:root[style*="--main_color_theme: #ffffff"] .other_project:hover .other_project_title{color:#000}.other_project_tools span{color:var(--main_color_theme);font-size:13px;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:.4s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.other_project:hover .other_project_tools span{color:#fff}:root[style*="--main_color_theme: #ffffff"] .other_project:hover .other_project_tools span{color:#000}.other_project_links_container{display:flex;gap:20px;justify-content:flex-end;width:100%}.other_project_link{color:#505050;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5));font-size:22px;transition:.7s}.other_project_title{color:#fff}.other_project_inner p{color:#fff;font-size:15px;line-height:17px}.other_project_link:hover{color:var(--main_color_theme);transform:scale(1.1);transition:.4s ease-out}@media screen and (max-width:600px){.project_preview_container{height:35vh}.project_preview_container div{margin:10px auto;width:75%}.project_preview_img{margin:0 auto;width:100%}}@media screen and (max-width:700px){.section_headline{margin:50px auto 0;width:90%}.section_headline span:first-child{margin-left:0}.project{margin-inline:auto;margin-top:30px!important;width:90%}.main_container{width:100%}.name_section{margin:auto 35px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.name_section h1 p{width:100%}.name_section h1{font-size:55px;letter-spacing:-1}.profession{font-size:30px;letter-spacing:1}.contact_me_btn{margin-top:30px}.project_description_container p{font-size:18px}}@media screen and (max-width:1100px){.project{display:flex;flex-direction:column}.project.mid h3{justify-content:flex-start}.project_preview_container{width:100%}.project_description_container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px 0;width:100%}}.about_me_container{align-items:center;display:flex;flex-direction:row;gap:50px;justify-content:center;padding:100px 0;width:95%}.about_me_container .content_container:first-of-type{align-items:center;display:flex;flex-direction:column;justify-content:center;width:45%}.about_me_text{color:#fff;line-height:25px}.about_me_text a{color:var(--main_color_theme);cursor:pointer;text-decoration:none;transition:.3s}.about_me_text a:hover{border-bottom:1px solid var(--main_color_theme)}.pfp_container{align-items:center;display:flex;height:50vh;justify-content:center;position:relative;width:auto}.about_me_pfp{border-radius:5px;display:block;height:100%;width:auto}.about_me_pfp_cover{background-color:var(--main_color_theme);border-radius:5px;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;transition:.3s ease-in}.about_me_pfp_cover:hover{opacity:0}@media screen and (max-width:850px){.about_me_container .content_container{width:90%!important}.about_me_container{background-color:#161616;border-radius:5px;flex-direction:column;padding:50px 0}.pfp_container{height:auto;width:85vw}.about_me_pfp{height:auto;width:90%}.about_me_pfp_cover{left:auto;right:auto;width:90%}}.main_container.resume{flex-direction:column;padding:50px 0;width:100%}.experience_column{align-items:center;display:flex;flex-direction:row;gap:24px;padding:24px}.experience_timeframe{color:var(--main_color_theme);width:20%}.experience_card{background-color:#1d1d1d;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;max-width:50%;padding:24px;text-decoration:none;transition:.8s;transition:.4s ease-out}.experience_card:hover{background-color:var(--main_color_theme);opacity:.9}.experience_card:hover .experience_card_undertitle{color:#fff}:root[style*="--main_color_theme: #ffffff"] .experience_card:hover .experience_card_text,:root[style*="--main_color_theme: #ffffff"] .experience_card:hover .experience_card_title,:root[style*="--main_color_theme: #ffffff"] .experience_card:hover .experience_card_undertitle{color:#000}.experience_card_title{color:#fff;margin:0;padding:0}.experience_card_undertitle{color:var(--main_color_theme);margin:5px 0;transition:.4s ease-out}.experience_card_text{color:#fff}.experience_card_text.cursive{font-weight:bolder}.experience_card_link_row{display:flex;flex-direction:row;gap:12px;text-decoration:none}@media screen and (max-width:750px){.main_container.resume{width:90%}.experience_card{max-width:100%;width:85%}.experience_card:hover{transition:none}:root[style*="--main_color_theme: #ffffff"] .experience_card:hover .experience_card_text,:root[style*="--main_color_theme: #ffffff"] .experience_card:hover .experience_card_title,:root[style*="--main_color_theme: #ffffff"] .experience_card:hover .experience_card_undertitle{color:var(--main_color_theme)}.experience_timeframe{padding-bottom:24px;width:100%}.experience_column{display:flex;flex-direction:column;padding:20px 0;width:100%}.experience_card:hover{background-color:#1d1d1d;opacity:1}}.alert_container{align-items:center;background-color:var(--main_color_theme);border-radius:10px;bottom:12px;display:flex;flex-direction:row;justify-content:space-between;left:0;margin:auto;padding:8px 16px;position:fixed;right:0;width:80%;z-index:100}.alert_text{color:#fff}.alert_icon_container{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:16px}.alert_icon{box-shadow:1px solid #000000b3;color:#fff;cursor:pointer;font-size:28px;transition:.1s}.alert_icon:hover{color:#000}.hidden{display:none}.loading-screen{align-items:center;background:#000;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .6s ease;width:100%;z-index:9999}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-screen__logo{animation:pulse 2s ease-in-out infinite,glow 2s ease-in-out infinite;filter:brightness(0) invert(1);height:80px;width:80px}.loading-screen__progress{color:#4cc2d9;font-family:SF Mono,Fira Code,monospace;font-size:14px;letter-spacing:2px;margin-top:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(76,194,217,.3))}50%{filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(76,194,217,.8))}}
/*# sourceMappingURL=main.5108cf1d.css.map*/