@import"https://fonts.googleapis.com/css2?family=Nabla&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Source+Code+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Arial,Helvetica,sans-serif}body::-webkit-scrollbar{width:1rem}body::-webkit-scrollbar-track{background-color:var(--bg-container-secondary)}body::-webkit-scrollbar-thumb{background-color:var(--accent-color-primary);border-radius:.35rem}.App{background:var(--color-bg);width:100%;height:100%;color:var(--color-text)}.hero-container{display:flex;align-items:center;justify-content:center;max-width:100vw;height:80vh;margin:0;position:relative;overflow:hidden}.hero-container img{position:absolute;bottom:0;left:0;width:100vw;z-index:0}.hero-container .filter{position:absolute;top:0;left:0;width:100vw;height:80vh;z-index:1;background:linear-gradient(#fff0,#fff0,#fff0,#fff)}.hero-container h1,.hero-container p{position:relative;z-index:1;text-align:center}.hero-container .hero-title{font-size:7rem;font-weight:700;color:var(--color-text-hero);text-shadow:0 0 1rem rgba(0,0,0,1)}.hero-container .hero-hook{font-size:1.75rem;font-weight:400;color:var(--color-text-hero);text-shadow:0 0 1rem rgba(0,0,0,1);margin-bottom:.5rem}.hero-container .hero-desc{font-size:1.25rem;font-weight:400;color:var(--color-text-hero);text-shadow:0 0 1rem rgba(0,0,0,1);margin-bottom:1rem}.hero-image{position:absolute;bottom:0;left:0;width:100vw;height:80vh;object-fit:cover;z-index:0;background-image:url(/VictorFromTheInternet/assets/hero%20image%20v2-CJlPuxma.png);background-size:cover;background-position-y:100%;background-repeat:no-repeat}@media screen and (max-width: 720px){.hero-container .hero-title{font-size:4rem;margin:0 1rem}.hero-container .hero-hook,.hero-container .hero-desc{font-size:1rem;margin:0 1rem}.hero-container .hero-image{background-image:url(/VictorFromTheInternet/assets/hero%20image%20mobile%20v2-gCywZVhz.png)}}.navbar-container{max-width:1200px!important;width:80%;position:sticky;top:0;margin:0 auto;width:90vw;left:5vw;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-height:10vh;z-index:1000}.navbar{display:flex;align-items:center;justify-content:space-between;margin:1rem auto 0;padding:1.25rem;width:100%;background-color:var(--navbar-bg);border-radius:6px;box-shadow:0 10px 20px #00000040}.title{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--color-text-hero)}.menu{display:flex}.menu-items{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:1rem}.menu-items a{font-size:1rem;font-weight:500;text-decoration:none;padding:.5rem;color:var(--color-text-hero);transition:all .1s ease-out}.menu-items a:hover{padding:.5rem;background-color:#fff;color:#000;border-radius:.5rem;box-shadow:#000 5px 5px;border:2px solid black}.menu-btn{cursor:pointer;display:none}.hamburger-menu-container{display:none}.menu-open{display:flex!important}@media screen and (max-width: 830px){.navbar{flex-direction:row;align-items:center;justify-content:space-between;padding:1rem}.menu{display:none;flex-direction:column;gap:1rem}.menu-items{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;list-style:none;gap:1rem}.menu-btn{cursor:pointer;display:block}.hamburger-menu-container{display:none;padding:1rem;background-color:var(--navbar-bg);border-radius:1rem;position:relative;top:-1rem}.hamburger-menu-items{display:flex;flex-direction:column;align-items:center;justify-content:space-between;list-style:none;gap:1rem}.hamburger-menu-items a{font-size:1rem;font-weight:500;text-decoration:none;padding:.5rem;color:var(--color-text-hero);transition:all .1s ease-out}.hamburger-menu-items a:hover{padding:.5rem;background-color:#fff;color:#000;border-radius:.5rem;box-shadow:#000 5px 5px;border:2px solid black}}@media screen and (min-width: 830px){.hamburger-menu-container{display:none!important}}.footer-container{display:flex;align-items:center;justify-content:center;max-width:1200px!important;width:80%;height:70vh;margin:50vh auto 0}.footer{display:flex;align-items:center;justify-content:center;gap:3rem;width:100%;height:100%;background-color:var(--accent-color-secondary);color:var(--color-text-hero)}.footer-menu-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;gap:2rem}.footer-menu{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:4rem}.footer-menu-container a{text-decoration:none;color:var(--text-color)}.footer-menu a{font-size:1rem;font-weight:500;text-decoration:none;color:var(--color-text)}.footer-menu svg{transition:all .2s ease-out;width:50px;height:50px;fill:#fff}.footer-menu a:hover svg{fill:var(--accent-color-primary)}.footer-title{font-weight:700;font-size:2rem}.footer-title span{font-style:italic;margin:0 0 0 .5rem}:root{--color-text: #232426;--color-text-hero: white;--navbar-bg: rgb(23 103 111 / 75%);--accent-color-secondary: #013238;--accent-color-primary: rgb(23 103 111 / 75%);--accent-color-primary-light: rgb(23 103 111 / 25%);--transition-speed: .2s;--font-roboto: "Roboto", Arial, Helvetica, sans-serif;--font-nabla: "Nabla", Arial, Helvetica, sans-serif;--font-open-sans: "Open Sans", Arial, Helvetica, sans-serif;--font-source-code-pro: "Source Code Pro", Arial, Helvetica, sans-serif;--font-roboto-mono: "Roboto Mono", Arial, Helvetica, sans-serif;--font-outfit: "Outfit", Arial, Helvetica, sans-serif;--card-white: rgb(255,255,255);--bg-primary: rgb(255,255,255);--bg-container-primary: #23232e;--bg-container-secondary: #141418}.main-section{min-height:80vh;padding-top:20vh;width:80%;max-width:1200px!important;margin:0 auto}.section-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;height:100%;border-radius:1rem;padding:2rem;gap:2rem}.section-card .row{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;width:100%}.section-card .col{flex:1 1 300px}.section-card .contacts-container{display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:100%;margin:4rem 0}.section-card .contacts-container .contacts-menu{display:flex;flex-direction:row;align-items:center;justify-content:space-around;min-width:100%;list-style-type:none;margin:0;padding:0}.contacts-menu li{background-color:var(--accent-color-primary);border-width:0px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:.25rem}.contacts-menu li svg{height:50px;width:50px;fill:#fff;transition:all .2s ease-out}.contacts-menu li svg:hover{fill:var(--accent-color-primary)}h2[class~=hero],.about-me-container p{text-align:center}.card-text{background-color:#e6f0fa;border-width:0px;border-radius:6px;padding:.75rem;margin:1rem 0}.card-text h4{font-style:italic;color:#646464;font-size:14px}.card-text h3{margin:.25rem 0}.card-text p{text-align:justify}.card-text .credit{display:flex;flex-direction:row;justify-content:space-between}.experience-list ul,.experience-list li{margin-left:20px!important}.experience-list{margin:.5rem}.skills-banner{background-color:var(--accent-color-secondary);padding:2rem 0}.skills-banner h2{color:#fff;text-align:center;margin:1rem 0 2rem}.skills-container{display:flex;width:calc(100vw - 16px);overflow:hidden;margin:0 auto;position:relative;padding:1rem 0}.skills-container ul{display:flex;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;list-style-type:none;margin:0 2rem 0 0;padding:0;gap:2rem;overflow:hidden;animation:scrollLeft 45s linear infinite}.skills-container ul.scroll-right{animation:scrollRight 45s linear infinite}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(calc(-100% - 32px))}}@keyframes scrollRight{0%{transform:translate(calc(-100% - 32px))}to{transform:translate(0)}}.skills-container:hover ul{animation-play-state:paused}.skills-container img,.skills-container svg{height:25px;width:25px;transition:all .2s ease-out}.skills-container svg:hover{cursor:pointer}.skills-container li{font-size:1rem;color:#fff;background-color:var(--accent-color-primary);padding:1rem;border-radius:2rem;display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem}.skills-banner-filter-left{z-index:100;position:absolute;left:0;bottom:0;width:30%;height:100%;background:linear-gradient(.9turn,rgba(0,0,0,0),rgba(0,0,0,0),var(--accent-color-secondary))}.skills-banner-filter-right{z-index:100;position:absolute;right:0;bottom:0;width:30%;height:100%;background:linear-gradient(.9turn,var(--accent-color-secondary),rgba(0,0,0,0),rgba(0,0,0,0))}.project-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;max-width:100%;height:100%}.project-card{overflow:clip;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#e6f0fa;border-radius:1rem;padding-bottom:3rem;box-shadow:0 10px 20px #00000040}.project-image-container{height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px 8px 0 0}.project-card img{width:100%;max-height:100%;border-radius:0;transition:all var(--transition-speed) ease-out}.project-card h4,.project-card p{margin:.5rem;text-align:justify}.project-img-label{display:none;transition:all var(--transition-speed) ease-out}.project-card a{text-decoration:none}.project-card svg{height:2rem;width:2rem;margin:.5rem;transition:all .2s ease-out}.project-card .source-code-icon{position:absolute;bottom:.25rem;left:3.5rem;fill:var(--color-text)}.project-card .source-code-icon:hover{fill:var(--accent-color-primary)}.project-card .hosted-project-icon{position:absolute;bottom:.25rem;left:.25rem;stroke:var(--color-text)}.project-card .hosted-project-icon:hover{stroke:var(--accent-color-primary)}.project-card-skills{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding:0 .5rem}.project-card-skills span{background-color:var(--accent-color-primary-light);color:var(--accent-color-secondary);border-radius:6px;padding:.25rem .5rem}.italic{font-style:italic}.hero{font-size:6rem}.xxl{font-size:4rem}.xl{font-size:2rem}.lg{font-size:1.5rem}@media screen and (max-width: 400px){.hero{font-size:3rem}.xxl{font-size:2rem}.xl{font-size:1.25rem}.lg{font-size:1rem}}@media screen and (max-width: 720px){.hero{font-size:4rem}.xxl{font-size:3rem}.xl{font-size:1.5rem}.lg{font-size:1.2rem}}