@import url(https://fonts.googleapis.com/css2?family=Jura:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap);nav{background-color:var(--main-card-backcolor);box-shadow:var(--main-box-shadow);color:#fff;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:transform .5s ease-in-out;width:100px;z-index:100}.nav-links-container,nav{display:flex;flex-direction:column}.nav-links-container{align-items:center;justify-content:space-between;margin:20px 0;width:100%}.nav-links-container a{text-decoration:none}.navlink{align-items:center;display:flex;flex-direction:column;font-size:10px;height:80px;justify-content:center;transition:transform .2s ease-in-out;width:100%}.navlink:hover{transform:scale(1.3)}.navlink img{height:35px;width:35px}.menu-btn{background-color:initial;border:0;bottom:10px;color:var(--main-blue);display:none;font-size:3rem;left:50px;padding:0 10px;position:absolute;transform:translateX(100%)}.menu-btn:active,.menu-btn:focus{outline:none}@media (max-width:1140px){nav{border-right:5px solid;border-color:#fff;justify-content:flex-end;transform:translateX(-100%);width:120px}nav.show{transform:translateX(0)}.nav-links-container{flex-direction:column-reverse}.menu-btn{display:block}}@media (max-width:700px){.navlink{font-size:8px}.navlink img{height:30px;width:30px}}.page-enter{opacity:0;transform:scale(1.1)}.page-enter-active{transition:opacity .3s,transform .3s}.page-enter-active,.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}.fade-enter{opacity:0}.fade-enter-active,.fade-exit{opacity:1}.fade-exit-active{display:none;opacity:0}.fade-enter-active,.fade-exit-active{transition:opacity .5s ease-in-out}.intro-container{background-color:var(--main-card-backcolor);box-shadow:var(--main-box-shadow);display:flex;justify-content:space-between;position:relative;transition:transform .5s ease-in-out}.intro-container:hover{animation:glowing 1s ease-in-out;animation-fill-mode:forwards;transform:scale(1.05)}.intro-container:hover img{animation:glowing 2s ease-in-out;animation-fill-mode:forwards}.intro-container .logo{position:absolute;right:30px;top:-20px;z-index:1}.intro-container img{max-width:250px}.intro-text{align-items:left;display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:center;padding:150px 100px;z-index:2}.intro-text h1{font-size:6rem;letter-spacing:5px}.intro-text h2{font-size:5rem;letter-spacing:5px}.intro-text-sub-container{width:100%}.intro-text-sub{color:var(--main-blue);font-family:Jura,sans-serif;font-size:1.5rem;letter-spacing:1.5px;margin-top:10px;width:100%}@media (max-width:1140px){.intro-container{align-items:center;flex-direction:column}.intro-container .logo{margin:20px auto;position:relative;right:0;top:-40px}.intro-text{align-items:center;padding:100px}}@media (max-width:960px){.intro-text{padding:90px}.intro-text h1{font-size:5rem;letter-spacing:5px;text-align:center}.intro-text h2{font-size:4rem;letter-spacing:5px}}@media (max-width:720px){.intro-text{padding:70px}.intro-text h1{font-size:4rem;letter-spacing:5px}.intro-text h2{font-size:3rem;letter-spacing:5px}.intro-text-sub{font-size:1rem;letter-spacing:1px}}@media (max-width:540px){.intro-text{padding:60px}.intro-text h1{font-size:3rem}.intro-text h2{font-size:2rem}.intro-text-sub{font-size:1rem}}@media (max-width:330px){.intro-container img{max-width:150px}.intro-text{padding:30px}.intro-text h1{font-size:2rem}.intro-text h2{font-size:1.5rem}.intro-text-sub{font-size:.8rem}}.pitch-container{background-color:var(--main-card-backcolor);box-shadow:var(--main-box-shadow);font-family:Jura,sans-serif;font-size:1.5rem;padding:30px;text-align:left;transition:transform .5s ease-in-out}.pitch-container:hover{transform:scale(1.05)}.pitch-container a{color:var(--main-blue)}.pitch-container p{margin-bottom:25px}@media (max-width:720px){.pitch-container{font-size:1.2rem}}.skill-card{background-color:var(--main-card-backcolor);box-shadow:var(--main-box-shadow);cursor:pointer;height:500px;margin:20px 0;padding:10px 15px;transition:transform .3s ease-in-out}.skill-card:hover{transform:scale(1.05)}.skill-card a{color:#fff;height:100%;text-decoration:none;width:100%}.skill-card-content{flex-direction:column;font-family:Jura,sans-serif;height:100%;width:100%}.skill-card-content,.skill-card-content .logo{align-items:center;display:flex;justify-content:center}.skill-card-content .logo{flex:2 1;flex-direction:column;min-width:200px}.skill-card-content .logo img{height:150px;width:150px}.skill-card-content .multi-logo{align-items:center;display:flex;flex:2 1;flex-wrap:wrap;height:80px;justify-content:space-around;margin:0;width:60%}.skill-card-content .multi-logo img{height:60px;width:60px}.skill-card-content .description{flex:1 1;font-size:1.5rem;padding:0 20px;text-align:center}.skill-card small{text-align:right;visibility:hidden;width:100%}.skill-card:hover small{visibility:visible}.project{background-color:var(--main-card-backcolor);box-shadow:var(--main-box-shadow);font-family:Jura,sans-serif;margin-top:40px;padding:40px;position:relative}.project h1{font-size:4rem}.project h1,.project h3{color:var(--main-blue)}.project a{color:var(--main-font-color)}.project .techs{position:absolute;right:20px;top:20px}.project .techs img{height:25px;margin:0 5px}.project-body{display:flex;flex-direction:column;margin-top:20px}.screen-shot{align-items:center;display:flex;flex:2 1;justify-content:space-evenly;margin:50px 0}.screen-shot img{margin-bottom:5px;max-width:300px}.project-body .description{display:flex;flex:5 1;flex-direction:column;justify-content:center}.project-body .description p,.project-body .description ul{font-size:1.2rem}@media (max-width:1140px){.screen-shot img{max-width:300px}}@media (max-width:970px){.screen-shot img{max-width:200px}}@media (max-width:720px){.screen-shot{flex-direction:column}.project .techs{right:10px;top:10px}.project .techs img{height:15px}.project h1{color:var(--main-blue);font-size:2rem}}.field-container{align-items:center;background-color:var(--main-card-backcolor);box-shadow:var(--main-box-shadow);display:flex;flex-direction:column;font-family:Jura,sans-serif;justify-content:center;padding:40px 60px;width:100%}.field-container a{color:var(--main-purple)}.field-container p{font-size:1.3rem}.field-container ul{margin:30px 0}.field-container li{margin:20px 0}.field-logo{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:50px}.field-logo img{max-width:200px}@media (max-width:540px){.field-container{padding:20px 30px}.field-logo{margin-bottom:0}.field-logo img{max-width:150px}.field-container h1{font-size:1.5rem}.field-container p{font-size:1rem}.field-container ul{margin:0}.field-container li{margin:5px 0}}.contacts-body{background-color:var(--main-card-backcolor);box-shadow:var(--main-box-shadow);font-size:1.5rem;padding:70px}.contacts-body a{color:#fff;text-decoration:underline}.contacts-body p{margin-bottom:50px}@media (max-width:540px){.contacts-body{font-size:1rem;padding:25px}}:root{--main-background-color:#2c2b31;--main-card-backcolor:#000;--main-font-color:#fff;--main-blue:#61dbfb;--main-red:#f16059;--main-yellow:#ffd42d;--main-purple:#9358d3;--main-box-shadow:0 20px 20px 10px #00000080}*{box-sizing:border-box;color:#fff;color:var(--main-font-color)}body,html{background-color:#2c2b31;background-color:var(--main-background-color);scroll-behavior:smooth}::-webkit-scrollbar{display:none}::-webkit-scrollbar-thumb{background-color:#000;background-color:var(--main-card-backcolor);min-height:50px}.text-purple{color:#9358d3;color:var(--main-purple)}.text-red{color:#f16059;color:var(--main-red)}.text-yellow{color:#ffd42d;color:var(--main-yellow)}.text-blue{color:#61dbfb;color:var(--main-blue)}.text-green{color:#589636}@keyframes glowing{0%{box-shadow:0}to{box-shadow:0 0 5px #61dbfb,0 0 20px #61dbfb,0 0 40px #2196f3;box-shadow:0 0 5px var(--main-blue),0 0 20px var(--main-blue),0 0 40px #2196f3}}