[data-v-80516444]{margin:0;padding:0;box-sizing:border-box}.nav-header[data-v-80516444]{display:flex}.mob-nav[data-v-80516444]{display:none}.logo[data-v-80516444]{width:10%;margin-left:3%}.logo img[data-v-80516444]{width:100%}.hamb[data-v-80516444]{margin-left:80%;margin-top:3px}.line1[data-v-80516444],.line2[data-v-80516444]{border:1px solid #000;background-color:#000;width:40px;margin-bottom:8px}.nav[data-v-80516444]{width:100%;color:#a800e0}.topnav[data-v-80516444]{list-style:none;font-size:1.3rem;display:flex;background-color:#13001a}.topnav li[data-v-80516444],a[data-v-80516444]{margin-left:10%;color:#a800e0;text-decoration:none;padding-bottom:1px}a[data-v-80516444]:hover{border-bottom:1px solid #a800e0}@media only screen and (max-width:768px){.logo[data-v-80516444]{width:30%}.hamb[data-v-80516444]{margin-left:60%}.nav[data-v-80516444]{display:none}.mob-nav[data-v-80516444]{display:block;position:absolute;top:0;height:100vh;z-index:1;width:100vw;background-color:#fff;color:#a800e0}.mob-nav ul[data-v-80516444]{list-style:none;width:100%}.mob-nav p[data-v-80516444]{margin-left:90%;font-size:2rem}.mobnav li[data-v-80516444],a[data-v-80516444]{font-size:1.5rem;text-align:left;height:50px;border-left:none;border-right:none;border-top:none;border-bottom:1px solid purple}}@media only screen and (max-width:576px){.logo[data-v-80516444]{width:20%;margin-left:2%;margin-top:3px}.nav-header[data-v-80516444]{margin-top:15px}}h1[data-v-2b7ba826]{color:#a800e0}.footer[data-v-2b7ba826]{display:flex;width:100%;background-color:#ac00ef;color:#fff;align-items:center;height:60px}.footer .names[data-v-2b7ba826]{margin-left:5%}.socials[data-v-2b7ba826]{display:flex;justify-content:space-around;width:30%;margin-left:18%}.picture img[data-v-2b7ba826]{width:40%;margin-left:30%;margin-bottom:40px}.fab[data-v-2b7ba826],.fas[data-v-2b7ba826]{font-size:1.5rem}.special-effect[data-v-2b7ba826]{width:50%;border:1px solid purple;margin-left:25%}.i[data-v-2b7ba826]{list-style:none;display:flex;width:80%;margin-left:10%}.i li[data-v-2b7ba826]{font-size:2rem;margin-left:9%}.about[data-v-2b7ba826]{width:60%;margin-left:5%;margin-top:40px;margin-bottom:10px}.about h1[data-v-2b7ba826]{margin-top:5px;margin-bottom:20px;margin-left:5%}.about p[data-v-2b7ba826]{width:80%;margin-left:5%;margin-bottom:20px}.about button[data-v-2b7ba826]{border:1px solid #a800e0;padding:5px 10px;border-radius:5px;margin-left:5%}.skills[data-v-2b7ba826]{background-color:#90c;margin-bottom:100px;color:#fff;height:200px}.apps[data-v-2b7ba826]{list-style:none;margin-bottom:40px}.lists[data-v-2b7ba826]{display:flex;position:absolute;width:100%;top:870px}.lists ul[data-v-2b7ba826]{list-style:none}.contact[data-v-2b7ba826]{height:400px;margin-left:10%}.contact input[data-v-2b7ba826]{margin-bottom:20px;width:80%;border-radius:10px;background-color:#f9efff;height:35px}.contact label[data-v-2b7ba826]{margin-bottom:5px}.contact .area[data-v-2b7ba826]{height:150px}.contact h2[data-v-2b7ba826]{margin-left:33%;color:#a800e0}.skills h1[data-v-2b7ba826]{color:#fff;text-align:center}.skills ul[data-v-2b7ba826]{display:flex;margin-left:20%}.skills ul li[data-v-2b7ba826]{margin-left:5%}.lists ul h3[data-v-2b7ba826]{color:#a800e0}.skills p[data-v-2b7ba826]{text-align:center;width:60%;margin-left:20%}@media only screen and (max-width:1125px){.about[data-v-2b7ba826]{width:70%}.lists[data-v-2b7ba826]{top:800px!important}}@media only screen and (max-width:576px){.about[data-v-2b7ba826]{width:80%;margin-left:10%}.about h1[data-v-2b7ba826]{margin-top:5px;margin-bottom:20px;margin-left:28%}.about p[data-v-2b7ba826]{width:90%;margin-left:5%;margin-bottom:20px;text-align:center}.about button[data-v-2b7ba826]{border:1px solid #a800e0;margin-left:40%}.lists .active ul[data-v-2b7ba826]{margin-right:4%;text-align:center}.lists .active .ul h3[data-v-2b7ba826]{margin-top:20px!important}.lists .active[data-v-2b7ba826]{width:60%!important;margin-left:20%!important;height:150px;margin-bottom:20px}.footer .names[data-v-2b7ba826]{margin-left:5%;width:50%}.socials[data-v-2b7ba826]{display:flex;justify-content:space-around;width:30%;margin-left:10%}}@media only screen and (max-width:920px){.special-effect[data-v-2b7ba826]{width:60%;margin-left:20%}.i[data-v-2b7ba826]{width:80%;margin-left:10%}.i li[data-v-2b7ba826]{margin-left:6%}}@media only screen and (max-width:768px){.special-effect[data-v-2b7ba826]{width:80%;margin-left:10%}}@media only screen and (max-width:576px){.about button[data-v-2b7ba826]{margin-left:30%;margin-bottom:10px}.special-effect[data-v-2b7ba826]{margin-left:5%}.special-effect .i li[data-v-2b7ba826]{font-size:1.5rem}.special-effect[data-v-2b7ba826]{width:80%;margin-left:10%}.i li[data-v-2b7ba826]{margin-left:5%}.picture[data-v-2b7ba826]{margin-top:30px}.picture img[data-v-2b7ba826]{width:70%;margin-left:15%}}@media only screen and (max-width:400px){.special-effect[data-v-2b7ba826]{width:90%;margin-left:5%}.i li[data-v-2b7ba826]{margin-left:1%}}@media only screen and (max-width:1125px){.skills ul li[data-v-2b7ba826]{margin-left:2%}.skills h1[data-v-2b7ba826]{color:#fff;text-align:center}.skills ul[data-v-2b7ba826]{margin-left:12%}.skills ul li[data-v-2b7ba826]{margin-left:5%}.skills p[data-v-2b7ba826]{width:70%;margin-left:12%}}@media only screen and (max-width:920px){.lists[data-v-2b7ba826]{top:780px}}@media only screen and (max-width:768px){.lists[data-v-2b7ba826]{top:805px!important}.skills .apps[data-v-2b7ba826]{margin-left:4%}}@media only screen and (max-width:576px){.lists[data-v-2b7ba826]{position:static;display:block}.skills[data-v-2b7ba826]{height:300px;margin-bottom:20px}.contact h2[data-v-2b7ba826]{margin-left:23%}.skills .apps[data-v-2b7ba826]{margin-left:24%;display:block}}@media only screen and (max-width:400px){.skills .apps[data-v-2b7ba826]{margin-left:14%;width:100%}}@media only screen and (max-width:768px){.contact[data-v-2b7ba826]{margin-top:100px}}[data-v-4f62b4a4]{margin:0;padding:0;box-sizing:border-box}.smash[data-v-4f62b4a4]{display:flex;margin-top:40px;width:80%;margin-left:10%}.first-pic[data-v-4f62b4a4],.second-pic[data-v-4f62b4a4]{border:1px solid #fff;width:24%;height:300px;margin-left:18%;overflow-y:scroll}.second-pic[data-v-4f62b4a4]{margin-left:12%}.projects[data-v-4f62b4a4]{background-color:#000}.buttons[data-v-4f62b4a4]{display:flex;color:#fff;margin-top:20px;width:60%;margin-left:18%;margin-bottom:25px}.buttons button[data-v-4f62b4a4]{padding:5px 10px;width:20%;border:1px solid #4d4dff}.buttons .live[data-v-4f62b4a4]{margin-left:16%}.buttons .git[data-v-4f62b4a4]{margin-left:29%}.description[data-v-4f62b4a4]{width:30%;margin-left:8%;text-align:center;color:#fff;margin-left:35%;line-height:2rem}@media only screen and (max-width:1125px){.buttons button[data-v-4f62b4a4]{width:25%}.first-pic[data-v-4f62b4a4],.second-pic[data-v-4f62b4a4]{width:28%;height:300px;margin-left:18%}.buttons .git[data-v-4f62b4a4]{margin-left:38%}}@media only screen and (max-width:920px){.buttons[data-v-4f62b4a4]{width:70%;margin-left:8%;margin-bottom:25px}.buttons button[data-v-4f62b4a4]{width:60%}.first-pic[data-v-4f62b4a4],.second-pic[data-v-4f62b4a4]{width:33%;margin-left:18%}.buttons .git[data-v-4f62b4a4]{margin-left:50%}.smash[data-v-4f62b4a4]{margin-left:5%}}@media only screen and (max-width:768px){.smash[data-v-4f62b4a4]{width:100%;margin-left:0;margin-right:0}.first-pic[data-v-4f62b4a4],.second-pic[data-v-4f62b4a4]{width:55%;margin-left:8%}.projects h1[data-v-4f62b4a4]{margin-left:25%!important}}@media only screen and (max-width:576px){.smash[data-v-4f62b4a4]{display:block}.first-pic[data-v-4f62b4a4]{margin-bottom:20px}.first-pic[data-v-4f62b4a4],.second-pic[data-v-4f62b4a4]{margin-left:16%;width:63%}.projects h1[data-v-4f62b4a4]{margin-left:18%!important;margin-top:10px!important;font-size:2.5rem!important}.button .git[data-v-4f62b4a4]{margin-left:10%}.buttons[data-v-4f62b4a4]{width:70%;margin-left:8%;margin-bottom:25px}.buttons button[data-v-4f62b4a4]{width:80%}.description[data-v-4f62b4a4]{width:80%;margin-left:10%}}#prj1[data-v-4f62b4a4]{-webkit-animation-name:prj1-data-v-4f62b4a4;animation-name:prj1-data-v-4f62b4a4;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:relative}@-webkit-keyframes prj1-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:50px;opacity:1}}@keyframes prj1-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:50px;opacity:1}}#prj2[data-v-4f62b4a4]{-webkit-animation-name:prj2-data-v-4f62b4a4;animation-name:prj2-data-v-4f62b4a4;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:relative}@-webkit-keyframes prj2-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:50px;opacity:1}}@keyframes prj2-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:50px;opacity:1}}#prj4[data-v-4f62b4a4]{-webkit-animation-name:prj4-data-v-4f62b4a4;animation-name:prj4-data-v-4f62b4a4;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:relative}@-webkit-keyframes prj4-data-v-4f62b4a4{0%{left:-1000px}to{left:50px}}@keyframes prj4-data-v-4f62b4a4{0%{left:-1000px}to{left:50px}}#prj5[data-v-4f62b4a4]{-webkit-animation-name:prj5-data-v-4f62b4a4;animation-name:prj5-data-v-4f62b4a4;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:6s;animation-delay:6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:relative}@-webkit-keyframes prj5-data-v-4f62b4a4{0%{left:-1000px}to{left:50px}}@keyframes prj5-data-v-4f62b4a4{0%{left:-1000px}to{left:50px}}#prj6[data-v-4f62b4a4]{-webkit-animation-name:prj6-data-v-4f62b4a4;animation-name:prj6-data-v-4f62b4a4;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:8s;animation-delay:8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:relative}@-webkit-keyframes prj6-data-v-4f62b4a4{0%{left:-1000px}to{left:50px}}@keyframes prj6-data-v-4f62b4a4{0%{left:-1000px}to{left:50px}}#prj7[data-v-4f62b4a4]{-webkit-animation-name:prj7-data-v-4f62b4a4;animation-name:prj7-data-v-4f62b4a4;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:10s;animation-delay:10s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:relative}@-webkit-keyframes prj7-data-v-4f62b4a4{0%{left:-1000px}to{left:50px}}@keyframes prj7-data-v-4f62b4a4{0%{left:-1000px}to{left:50px}}@media only screen and (max-width:400px){@-webkit-keyframes prj1-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@keyframes prj1-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@-webkit-keyframes prj2-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@keyframes prj2-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@-webkit-keyframes prj3-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@keyframes prj3-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@-webkit-keyframes prj4-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@keyframes prj4-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@-webkit-keyframes prj5-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@keyframes prj5-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@-webkit-keyframes prj6-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@keyframes prj6-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@-webkit-keyframes prj7-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}@keyframes prj7-data-v-4f62b4a4{0%{left:-1000px;opacity:0}to{left:5px;opacity:1}}.buttons[data-v-4f62b4a4]{width:90%;margin-left:0;margin-bottom:25px}.buttons button[data-v-4f62b4a4]{width:90%}.button .git[data-v-4f62b4a4],.buttons .live[data-v-4f62b4a4]{margin-left:0}.description[data-v-4f62b4a4]{width:80%;margin-left:7%}}