@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Space+Grotesk:wght@300..700&display=swap";*{background-color:#1b1f24;-ms-overflow-style:none}.text-container{font-family:Space Grotesk,sans-serif;font-weight:700;position:fixed;padding:17rem;font-size:3rem;line-height:3.5rem}.text-container span{color:#fff}.cursor{display:inline-block;width:2.5px;height:3rem;background-color:#fff}.cursor.blinking{animation:blink 1s step-end infinite}@keyframes blink{50%{background-color:transparent}}@media screen and (max-width: 768px){.text-container{font-family:Space Grotesk,sans-serif;font-weight:700;position:fixed;padding:30vh 2vh;font-size:2rem;line-height:2.5rem}.cursor{display:inline-block;width:2.5px;height:2rem;background-color:#fff}}.about-container{font-family:Space Grotesk,sans-serif;font-size:1.5rem;color:#fff;position:absolute;padding-top:15vh}.about-container h1,.about-container p{padding:0 20vh}@media screen and (max-width: 768px){.about-container{font-family:Space Grotesk,sans-serif;font-size:1rem;color:#fff;position:absolute;padding-top:3vh}.about-container h1,.about-container p{padding:0 1.5vh}}.container{color:#fff;font-family:Space Grotesk,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;height:10vh;text-align:center;padding:100vh 20vh}.container .container-tilte{font-size:6vh}.container .container-text{font-size:2vh}.container .container-slot,.container .container-slot-bottom{display:flex;align-items:center}.container .container-slot-bottom .slot-bottom{padding-bottom:10vh}.container .container-slot .slot img,.container .container-slot-bottom .slot-bottom img{width:10vh;padding:0 10vh;margin-top:3vh}.container .container-slot .slot h3,.container .container-slot-bottom .slot-bottom h3{text-decoration:underline}.all-skill .slot-skill{display:flex}.all-skill .slot-skill .skill{padding:3vh 4vh;font-size:2vh}.all-skill .slot-skill .skill h4{font-size:3vh}@media screen and (max-width: 768px){.container{color:#fff;font-family:Space Grotesk,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;height:10vh;text-align:center;padding:120vh 0vh}.container .container-tilte{font-size:3.5vh}.container .container-text{font-size:1.5vh}.container .container-slot-bottom .slot-bottom{padding-bottom:0vh}.container .container-slot .slot img,.container .container-slot-bottom .slot-bottom img{width:5vh;padding:0 2.5vh;margin-top:3vh}.container .container-slot .slot h3,.container .container-slot-bottom .slot-bottom h3{text-decoration:underline;font-size:1vh}.all-skill .slot-skill{display:flex;flex-direction:column}.all-skill .slot-skill .skill{padding:.5vh 4vh;font-size:2vh}.all-skill .slot-skill .skill h4{font-size:2.5vh}}.project{font-family:Space Grotesk,sans-serif;font-size:1.3rem;color:#fff;display:flex;padding:3vh 10vh}.project .highlighting .video{width:70vh;height:40vh}.project .all-description{padding:0vh 5vh}.project .all-description .button-links a{text-decoration:none;color:#fff;padding-right:3vh}.project .all-description .button-links a button{margin-top:5vh;border-radius:5px;border:none;font-size:2.5vh;padding:.5vh 4vh;color:#fff}.project .all-description .button-links a button:hover{cursor:pointer}.project .all-description .button-links .detail button{background-color:#3498db}.project .all-description .button-links .detail button:hover{background-color:#2e86c1}.project .all-description .button-links .git button{background-color:#34495e}.project .all-description .button-links .git button:hover{background-color:#2e4053}.project .all-description .button-links .download button{background-color:#27ae60}.project .all-description .button-links .download button:hover{background-color:#229954}@media screen and (max-width: 768px){.project{font-family:Space Grotesk,sans-serif;font-size:1rem;color:#fff;display:flex;flex-direction:column;align-items:center;padding:5vh 0}.project .highlighting .video{width:40vh;height:25vh}.project .all-description{padding:0}.project .all-description .button-links{display:flex;justify-content:space-between}.project .all-description .button-links a{text-decoration:none;color:#fff;padding-right:0vh}.project .all-description .button-links a button{margin-top:2vh;border-radius:5px;border:none;font-size:2vh;padding:.5vh 2.5vh;color:#fff}}.contact{color:#fff;font-family:Space Grotesk,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;height:10vh;text-align:center;padding:20vh}.contact a{text-decoration:none;color:#fff}.contact h2{font-size:5vh}.contact .contact-slot{display:flex;align-items:center;padding-bottom:5vh}.contact .contact-slot .slot img{width:10vh;padding:0 20vh;margin-top:3vh}.contact .contact-slot .slot h3 a{text-decoration:none;color:#fff}.contact a button{border-radius:10px;border:none;background-color:#20639b;padding:.5vh 4vh;font-size:2.5vh;color:#fff}.contact a button:hover{cursor:pointer;background-color:#145184}@media screen and (max-width: 768px){.contact{color:#fff;font-family:Space Grotesk,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;height:10vh;text-align:center;padding:30vh 5vh}.contact h2{font-size:4.5vh}.contact .contact-slot .slot img{width:5vh;padding:0 6vh;margin-top:3vh}.contact .contact-slot .slot h3{text-decoration:none;color:#fff;font-size:1vh}}.navbar{font-family:Space Grotesk,sans-serif;font-weight:400;text-transform:uppercase;font-size:2.5vh;display:flex;justify-content:flex-end;padding:0 10vh}.navbar a{color:#fff;text-decoration:none;display:inline-block;position:relative;justify-items:center}.navbar a:after{background:none repeat scroll 0 0 transparent;bottom:0;top:9vh;content:"";display:block;height:2px;left:50%;position:absolute;background:#0088a9;transition:width .3s ease 0s,left .3s ease 0s;width:0}.navbar a:hover:after{width:100%;left:0}.navbar a{padding:4vh 3vh}@media screen and (max-width: 768px){.navbar{font-family:Space Grotesk,sans-serif;font-weight:400;text-transform:uppercase;font-size:2.5vh;display:flex;justify-content:center;padding:0}.navbar a{padding:2vh .8vh}.navbar a:after{background:none repeat scroll 0 0 transparent;bottom:0;top:6vh;content:"";display:block;height:2px;left:50%;position:absolute;background:#0088a9;transition:width .3s ease 0s,left .3s ease 0s;width:0}}.project-container{padding-bottom:5vh}.project-container .project-container-element{display:flex;justify-content:center}.project-container .project-container-element .project-container-video{width:80vh;height:45vh}.project-info{font-family:Space Grotesk,sans-serif;font-size:1.3rem;color:#fff;padding:0 25vh}.project-container .project-container-info{margin-top:5vh;font-family:Space Grotesk,sans-serif;font-size:1.3rem;color:#fff;padding:0 25vh;display:flex;justify-content:space-between;align-items:center}.project-container-info .project-container-button a{text-decoration:none;color:#fff;padding-right:3vh}.project-container .project-container-info .project-container-button a button{border-radius:5px;border:none;padding:.5vh 4vh;font-size:2.5vh;color:#fff}.project-container .project-container-info .project-container-button a button:hover{cursor:pointer}.project-container .project-container-info .project-container-button .git button{background-color:#34495e}.project-container .project-container-info .project-container-button .git button:hover{background-color:#2e4053}.project-container .project-container-info .project-container-button .download button{background-color:#27ae60}.project-container .project-container-info .project-container-button .download button:hover{background-color:#229954}.project-info .li-container{display:flex}.project-info .li-container div{padding-right:15vh}@media screen and (max-width: 768px){.project-info{font-family:Space Grotesk,sans-serif;font-size:.8rem;color:#fff;padding:0}.project-container .project-container-info{margin-top:2vh;font-family:Space Grotesk,sans-serif;font-size:.8rem;color:#fff;padding:0;display:inline-block}.project-container .project-container-info .project-container-button a button{border-radius:5px;border:none;padding:.5vh 2.5vh;font-size:2vh;color:#fff}.project-info .li-container div{padding-right:2.5vh}.project-container .project-container-element .project-container-video{margin-top:2vh;width:40vh;height:25vh}}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;text-align:center}.error-container span{color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;text-transform:uppercase;font-size:5vh}.comp[data-v-f95fe8a3]{margin:0}.fade-enter-active[data-v-f95fe8a3]{transition:all .5s ease-out}.fade-leave-active[data-v-f95fe8a3]{transition:all .5s cubic-bezier(1,.5,.8,1)}.fade-enter-from[data-v-f95fe8a3],.fade-leave-to[data-v-f95fe8a3]{transform:translateY(20px);opacity:0}