@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&display=swap";.load-wrapper[data-v-aa04eb47]{animation:moveWrapper-aa04eb47 .01s forwards;animation-duration:2s;background-color:#121111;height:100vh;position:fixed;width:100vw;z-index:101;transition:1s ease;transform:translateY(-100%)}.load-wrapper .vertical-div[data-v-aa04eb47]{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.load-wrapper .vertical-div h1[data-v-aa04eb47]{animation:fadeIn-aa04eb47 .75s forwards;color:#fff;font-size:40px;text-align:center}.load-wrapper .loader[data-v-aa04eb47]{width:48px;height:48px;border-radius:50%;position:relative;border:3px solid;border-color:#fff #fff transparent transparent;box-sizing:border-box;animation:rotation-aa04eb47 1s linear infinite}.load-wrapper .loader[data-v-aa04eb47]:after,.load-wrapper .loader[data-v-aa04eb47]:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent transparent #228a30 #228a30;width:40px;height:40px;border-radius:50%;box-sizing:border-box;animation:rotationBack-aa04eb47 .5s linear infinite;transform-origin:center center}.load-wrapper .loader[data-v-aa04eb47]:before{width:32px;height:32px;border-color:#fff #fff transparent transparent;animation:rotation-aa04eb47 1.5s linear infinite}@keyframes fadeIn-aa04eb47{0%{font-size:0px}to{font-size:40px}}@keyframes rotation-aa04eb47{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack-aa04eb47{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes moveWrapper-aa04eb47{0%{transform:translateY(0)}80%{transform:translateY(0)}to{transform:translateY(-100%)}}*[data-v-71c86ff8]{box-sizing:border-box;margin:0;padding:0}.container[data-v-71c86ff8]{margin-left:auto;margin-right:auto;min-height:100vh;width:2000px}.container>*[data-v-71c86ff8]:not(Footer){flex:1}footer[data-v-32ddae33]{display:flex;min-height:8vh;justify-content:space-evenly;margin-top:5em;width:100%}footer p[data-v-32ddae33]{color:#fff;font-size:1rem;margin-top:1.2em}footer img[data-v-32ddae33]{max-width:180px}footer a button[data-v-32ddae33]{background:transparent;border:3px solid #39b54a;border-radius:100%;color:#fff;font-size:20px;height:35px;margin-top:.5em;position:absolute;right:5em;transition:.2s;width:35px}footer a button .arrow-footer[data-v-32ddae33]{border:solid #39b54a;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(-135deg)}footer a button[data-v-32ddae33]:hover{background-color:#fff;border-color:#39b54a;color:#000;cursor:pointer}@media (max-width: 2700px){.intro-box-image img[data-v-32ddae33]{width:80%}.container[data-v-32ddae33]{max-width:1920px}}@media (max-width: 1920px){.container[data-v-32ddae33]{max-width:1280px}.intro-box-text[data-v-32ddae33]{height:550px}.arrow[data-v-32ddae33]{top:95%}.arrow[data-v-32ddae33]:hover:after{right:2.5px}#about .about-grid-wrapper[data-v-32ddae33]{grid-template-columns:26em auto}#about .about-grid-wrapper .about-grid-item .about-textbox p[data-v-32ddae33]{font-size:1rem;line-height:20px}#about .about-grid-wrapper .about-div-img[data-v-32ddae33]{width:100%}}@media (max-width: 1545px){.container[data-v-32ddae33]{max-width:1024px}.profile-pic[data-v-32ddae33]{max-width:100%}}@media (max-width: 1280px){.container[data-v-32ddae33]{max-width:768px}#about .about-wrapper .about-img[data-v-32ddae33]{width:60%}}@media (max-width: 1024px){.container[data-v-32ddae33]{max-width:768px}}@media (max-width: 768px){.header-wrapper[data-v-32ddae33]{width:100%!important}.main-menu li a[data-v-32ddae33]{font-size:.9rem!important}#skills .skills-wrapper[data-v-32ddae33]{align-items:center;flex-direction:column;margin-left:auto;margin-right:auto}.container[data-v-32ddae33]{max-width:100%}}@media (max-width: 640px){.container[data-v-32ddae33]{padding:0!important;width:100%}header .custom-select select[data-v-32ddae33]{display:block}header .header-wrapper[data-v-32ddae33]{display:none!important}header .mobile-header[data-v-32ddae33]{background-color:#1f1e1e;display:flex!important;justify-content:center;margin-top:-20px;position:fixed;width:100%;z-index:10}header .mobile-header #mlogo[data-v-32ddae33]{width:150px}.intro[data-v-32ddae33]{flex-direction:column-reverse}.intro .intro-box-text[data-v-32ddae33]{align-items:center;display:flex;flex-direction:column;height:20%;justify-content:center;text-align:center;width:70%}.intro .intro-box-text .title-box h1[data-v-32ddae33],.intro .intro-box-text .title-box .typing[data-v-32ddae33],.intro .intro-box-text .title-box .typing .blinking-cursor[data-v-32ddae33],.intro .intro-box-text .title-box .typing .typed-text[data-v-32ddae33]{font-size:2rem}.intro .intro-box-text p[data-v-32ddae33]{font-size:1.2rem;text-align:center}.intro .intro-box-image[data-v-32ddae33]{width:40%}.intro .intro-box-image img[data-v-32ddae33]{border:2px solid #39b54a;border-radius:100%}.arrow[data-v-32ddae33]{display:none}nav[data-v-32ddae33]{display:block!important;padding-top:20px}nav #logo[data-v-32ddae33]{display:none}nav .off-screen-menu[data-v-32ddae33]{display:flex!important}nav .off-screen-menu ul[data-v-32ddae33]{width:100%}nav .off-screen-menu ul li[data-v-32ddae33]{border-bottom:1px solid #ffffff;list-style-type:none;position:relative;display:flex}nav .off-screen-menu ul li a[data-v-32ddae33]{color:#39b54a;display:block;font-size:1.2rem;text-decoration:none;text-align:center;padding:20px;width:100%}nav .off-screen-menu.activee[data-v-32ddae33]{top:60px}nav #nav2[data-v-32ddae33]{display:flex!important;left:-5px;margin-top:-20px;position:fixed;padding:1rem;z-index:100}nav #nav2 .ham-menu[data-v-32ddae33]{height:30px;margin-left:auto;position:relative;width:30px}nav #nav2 .ham-menu span[data-v-32ddae33]{background-color:#39b54a;border-radius:25px;display:block;height:3px;left:80%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s ease;width:100%;z-index:13}nav #nav2 .ham-menu span[data-v-32ddae33]:nth-child(1){top:25%}nav #nav2 .ham-menu span[data-v-32ddae33]:nth-child(3){top:75%}nav #nav2 .ham-menu.activee span[data-v-32ddae33]:nth-child(1){right:0;top:50%;transform:translate(-50%,-50%) rotate(45deg)}nav #nav2 .ham-menu.activee span[data-v-32ddae33]:nth-child(2){right:0;opacity:0}nav #nav2 .ham-menu.activee span[data-v-32ddae33]:nth-child(3){top:50%;transform:translate(-50%) rotate(-45deg)}nav .main-menu-2[data-v-32ddae33]{width:100%}nav .main-menu-2 a[data-v-32ddae33]{color:#fff;text-decoration:none}nav .main-menu-2 a li[data-v-32ddae33]{border:3px solid #39b54a;font-size:1.2rem;padding:.3em;margin-top:.2em}nav .header-wrapper[data-v-32ddae33]{align-items:center;display:flex;flex-direction:column!important;justify-content:center}nav .header-wrapper .main-menu[data-v-32ddae33]{display:none!important}nav .header-wrapper .some-menu[data-v-32ddae33]{margin-left:2em;margin-top:2em}.sec-title[data-v-32ddae33]{padding:0;text-align:center}#skills h2[data-v-32ddae33]{margin-bottom:1em}#projects .project-wrapper[data-v-32ddae33]{align-items:center;flex-direction:column;flex-wrap:nowrap;margin:2em auto 0;width:80%}#projects .project-wrapper .project[data-v-32ddae33]{min-height:600px}#about h3[data-v-32ddae33],#about .about-desc[data-v-32ddae33]{text-align:center}#about .about-wrapper[data-v-32ddae33]{flex-direction:column;margin-top:5em}#contact .contact-container[data-v-32ddae33]{width:100%}footer[data-v-32ddae33]{align-items:center;flex-direction:column!important}footer img[data-v-32ddae33]{width:40%}footer a[data-v-32ddae33]{display:none}}@media (max-width: 475px){header nav[data-v-32ddae33]{justify-content:center}header .header-div-right-img[data-v-32ddae33]{transform:none!important;animation:none!important}.intro .intro-box-text[data-v-32ddae33]{height:50%;width:100%}.intro .intro-box-text p[data-v-32ddae33]{text-align:center}.intro .intro-box-image[data-v-32ddae33]{height:45%;width:60%}#skills .skills-wrapper[data-v-32ddae33]{margin-top:2em}#skills .skills-wrapper .skills-box[data-v-32ddae33]{width:350px}#skills .skills-wrapper .skills-box .skills-box-content[data-v-32ddae33]:nth-child(1){width:100%}#skills .skills-wrapper .skills-box .skills-box-content-divider[data-v-32ddae33]{margin:0 2rem}#about .about-wrapper .about-list-wrapper[data-v-32ddae33]{width:90%}#contact .contact-container .form-box[data-v-32ddae33]{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:90%}#contact .contact-container .form-box .field[data-v-32ddae33]{width:100%;margin-left:0}#contact .contact-container .form-box .field input[data-v-32ddae33],#contact .contact-container .form-box .field textarea[data-v-32ddae33]{width:100%}}@media (max-width: 350px){.intro[data-v-32ddae33]{flex-direction:column-reverse}.intro .intro-box-text[data-v-32ddae33]{display:flex;flex-direction:column;height:50%;justify-content:center;text-align:center;width:100%}.intro .intro-box-text .title-box .typing .blinking-cursor[data-v-32ddae33],.intro .intro-box-text .title-box .typing .typed-text[data-v-32ddae33]{font-size:26px}.intro .intro-box-image[data-v-32ddae33]{width:70%}#skills .skills-wrapper[data-v-32ddae33]{margin-top:2em}#skills .skills-wrapper .skills-box[data-v-32ddae33]{width:300px}#skills .skills-wrapper .skills-box .skills-box-content[data-v-32ddae33]{flex-direction:column}#skills .skills-wrapper .skills-box .skills-box-content .skills-box-content-divider[data-v-32ddae33]{height:1px;margin:10px 0;width:200px}#projects .project-wrapper .project[data-v-32ddae33]{width:115%}}.justify-center[data-v-703103b9]{justify-content:center}#contact[data-v-703103b9]{margin-top:5em;min-height:50vh;width:100%}#contact .contact-container[data-v-703103b9]{height:500px;margin:0 auto;width:50%}#contact .contact-container .form-box[data-v-703103b9]{align-items:center;display:flex;flex-flow:column wrap;height:500px;justify-content:center;width:450px;margin:0 auto}#contact .contact-container .form-box .field[data-v-703103b9]{font-size:1.2rem;margin-top:.5em;padding-bottom:10px;width:100%}#contact .contact-container .form-box .field label[data-v-703103b9],#contact .contact-container .form-box .field input[data-v-703103b9],#contact .contact-container .form-box .field textarea[data-v-703103b9]{padding:10px}#contact .contact-container .form-box .field label[data-v-703103b9]{color:#fff}#contact .contact-container .form-box .field label img[data-v-703103b9]{width:20px}#contact .contact-container .form-box .field input[data-v-703103b9],#contact .contact-container .form-box .field textarea[data-v-703103b9]{border:0;border-radius:3px;box-shadow:0 10px 6px -6px #38b31f;outline:none}#contact .contact-container .form-box .field input[data-v-703103b9]{font-size:1rem;height:35px;width:450px}#contact .contact-container .form-box .field textarea[data-v-703103b9]{font-size:1rem;resize:vertical;max-height:210px;width:450px}#contact .contact-container .form-box button[data-v-703103b9]{background-color:transparent;border:3px solid #39b54a;border-radius:30px;color:#fff;font-size:1.1rem;font-weight:700;height:40px;margin-top:2em;transition:.2s;width:200px}#contact .contact-container .form-box button[data-v-703103b9]:hover{background-color:#fff;border-color:#39b54a;color:#000;cursor:pointer}@media (max-width: 2700px){.intro-box-image img[data-v-703103b9]{width:80%}.container[data-v-703103b9]{max-width:1920px}}@media (max-width: 1920px){.container[data-v-703103b9]{max-width:1280px}.intro-box-text[data-v-703103b9]{height:550px}.arrow[data-v-703103b9]{top:95%}.arrow[data-v-703103b9]:hover:after{right:2.5px}#about .about-grid-wrapper[data-v-703103b9]{grid-template-columns:26em auto}#about .about-grid-wrapper .about-grid-item .about-textbox p[data-v-703103b9]{font-size:1rem;line-height:20px}#about .about-grid-wrapper .about-div-img[data-v-703103b9]{width:100%}}@media (max-width: 1545px){.container[data-v-703103b9]{max-width:1024px}.profile-pic[data-v-703103b9]{max-width:100%}}@media (max-width: 1280px){.container[data-v-703103b9]{max-width:768px}#about .about-wrapper .about-img[data-v-703103b9]{width:60%}}@media (max-width: 1024px){.container[data-v-703103b9]{max-width:768px}}@media (max-width: 768px){.header-wrapper[data-v-703103b9]{width:100%!important}.main-menu li a[data-v-703103b9]{font-size:.9rem!important}#skills .skills-wrapper[data-v-703103b9]{align-items:center;flex-direction:column;margin-left:auto;margin-right:auto}.container[data-v-703103b9]{max-width:100%}}@media (max-width: 640px){.container[data-v-703103b9]{padding:0!important;width:100%}header .custom-select select[data-v-703103b9]{display:block}header .header-wrapper[data-v-703103b9]{display:none!important}header .mobile-header[data-v-703103b9]{background-color:#1f1e1e;display:flex!important;justify-content:center;margin-top:-20px;position:fixed;width:100%;z-index:10}header .mobile-header #mlogo[data-v-703103b9]{width:150px}.intro[data-v-703103b9]{flex-direction:column-reverse}.intro .intro-box-text[data-v-703103b9]{align-items:center;display:flex;flex-direction:column;height:20%;justify-content:center;text-align:center;width:70%}.intro .intro-box-text .title-box h1[data-v-703103b9],.intro .intro-box-text .title-box .typing[data-v-703103b9],.intro .intro-box-text .title-box .typing .blinking-cursor[data-v-703103b9],.intro .intro-box-text .title-box .typing .typed-text[data-v-703103b9]{font-size:2rem}.intro .intro-box-text p[data-v-703103b9]{font-size:1.2rem;text-align:center}.intro .intro-box-image[data-v-703103b9]{width:40%}.intro .intro-box-image img[data-v-703103b9]{border:2px solid #39b54a;border-radius:100%}.arrow[data-v-703103b9]{display:none}nav[data-v-703103b9]{display:block!important;padding-top:20px}nav #logo[data-v-703103b9]{display:none}nav .off-screen-menu[data-v-703103b9]{display:flex!important}nav .off-screen-menu ul[data-v-703103b9]{width:100%}nav .off-screen-menu ul li[data-v-703103b9]{border-bottom:1px solid #ffffff;list-style-type:none;position:relative;display:flex}nav .off-screen-menu ul li a[data-v-703103b9]{color:#39b54a;display:block;font-size:1.2rem;text-decoration:none;text-align:center;padding:20px;width:100%}nav .off-screen-menu.activee[data-v-703103b9]{top:60px}nav #nav2[data-v-703103b9]{display:flex!important;left:-5px;margin-top:-20px;position:fixed;padding:1rem;z-index:100}nav #nav2 .ham-menu[data-v-703103b9]{height:30px;margin-left:auto;position:relative;width:30px}nav #nav2 .ham-menu span[data-v-703103b9]{background-color:#39b54a;border-radius:25px;display:block;height:3px;left:80%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s ease;width:100%;z-index:13}nav #nav2 .ham-menu span[data-v-703103b9]:nth-child(1){top:25%}nav #nav2 .ham-menu span[data-v-703103b9]:nth-child(3){top:75%}nav #nav2 .ham-menu.activee span[data-v-703103b9]:nth-child(1){right:0;top:50%;transform:translate(-50%,-50%) rotate(45deg)}nav #nav2 .ham-menu.activee span[data-v-703103b9]:nth-child(2){right:0;opacity:0}nav #nav2 .ham-menu.activee span[data-v-703103b9]:nth-child(3){top:50%;transform:translate(-50%) rotate(-45deg)}nav .main-menu-2[data-v-703103b9]{width:100%}nav .main-menu-2 a[data-v-703103b9]{color:#fff;text-decoration:none}nav .main-menu-2 a li[data-v-703103b9]{border:3px solid #39b54a;font-size:1.2rem;padding:.3em;margin-top:.2em}nav .header-wrapper[data-v-703103b9]{align-items:center;display:flex;flex-direction:column!important;justify-content:center}nav .header-wrapper .main-menu[data-v-703103b9]{display:none!important}nav .header-wrapper .some-menu[data-v-703103b9]{margin-left:2em;margin-top:2em}.sec-title[data-v-703103b9]{padding:0;text-align:center}#skills h2[data-v-703103b9]{margin-bottom:1em}#projects .project-wrapper[data-v-703103b9]{align-items:center;flex-direction:column;flex-wrap:nowrap;margin:2em auto 0;width:80%}#projects .project-wrapper .project[data-v-703103b9]{min-height:600px}#about h3[data-v-703103b9],#about .about-desc[data-v-703103b9]{text-align:center}#about .about-wrapper[data-v-703103b9]{flex-direction:column;margin-top:5em}#contact .contact-container[data-v-703103b9]{width:100%}footer[data-v-703103b9]{align-items:center;flex-direction:column!important}footer img[data-v-703103b9]{width:40%}footer a[data-v-703103b9]{display:none}}@media (max-width: 475px){header nav[data-v-703103b9]{justify-content:center}header .header-div-right-img[data-v-703103b9]{transform:none!important;animation:none!important}.intro .intro-box-text[data-v-703103b9]{height:50%;width:100%}.intro .intro-box-text p[data-v-703103b9]{text-align:center}.intro .intro-box-image[data-v-703103b9]{height:45%;width:60%}#skills .skills-wrapper[data-v-703103b9]{margin-top:2em}#skills .skills-wrapper .skills-box[data-v-703103b9]{width:350px}#skills .skills-wrapper .skills-box .skills-box-content[data-v-703103b9]:nth-child(1){width:100%}#skills .skills-wrapper .skills-box .skills-box-content-divider[data-v-703103b9]{margin:0 2rem}#about .about-wrapper .about-list-wrapper[data-v-703103b9]{width:90%}#contact .contact-container .form-box[data-v-703103b9]{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:90%}#contact .contact-container .form-box .field[data-v-703103b9]{width:100%;margin-left:0}#contact .contact-container .form-box .field input[data-v-703103b9],#contact .contact-container .form-box .field textarea[data-v-703103b9]{width:100%}}@media (max-width: 350px){.intro[data-v-703103b9]{flex-direction:column-reverse}.intro .intro-box-text[data-v-703103b9]{display:flex;flex-direction:column;height:50%;justify-content:center;text-align:center;width:100%}.intro .intro-box-text .title-box .typing .blinking-cursor[data-v-703103b9],.intro .intro-box-text .title-box .typing .typed-text[data-v-703103b9]{font-size:26px}.intro .intro-box-image[data-v-703103b9]{width:70%}#skills .skills-wrapper[data-v-703103b9]{margin-top:2em}#skills .skills-wrapper .skills-box[data-v-703103b9]{width:300px}#skills .skills-wrapper .skills-box .skills-box-content[data-v-703103b9]{flex-direction:column}#skills .skills-wrapper .skills-box .skills-box-content .skills-box-content-divider[data-v-703103b9]{height:1px;margin:10px 0;width:200px}#projects .project-wrapper .project[data-v-703103b9]{width:115%}}#about[data-v-feb14d23]{background-color:transparent;margin-top:5em;width:100%}#about h3[data-v-feb14d23]{color:#fff;font-size:1.4rem;margin-top:1.2em}#about .about-desc[data-v-feb14d23]{color:#fff;font-size:1.2rem;margin-top:1em}#about .about-wrapper[data-v-feb14d23]{align-items:center;display:flex;justify-content:center;margin-top:2em;position:relative}#about .about-wrapper img[data-v-feb14d23]{border:2px solid #39b54a;border-radius:100%;height:150px;width:150px}#about .about-wrapper .about-list-wrapper .about-list-item[data-v-feb14d23]{display:flex;margin-left:2em;margin-top:2em}#about .about-wrapper .about-list-wrapper .about-list-item .emoji[data-v-feb14d23]{align-items:center;display:flex;justify-content:center}#about .about-wrapper .about-list-wrapper .about-list-item p[data-v-feb14d23]{color:#fff;margin-left:2em;margin-top:0}@media (max-width: 2700px){.intro-box-image img[data-v-feb14d23]{width:80%}.container[data-v-feb14d23]{max-width:1920px}}@media (max-width: 1920px){.container[data-v-feb14d23]{max-width:1280px}.intro-box-text[data-v-feb14d23]{height:550px}.arrow[data-v-feb14d23]{top:95%}.arrow[data-v-feb14d23]:hover:after{right:2.5px}#about .about-grid-wrapper[data-v-feb14d23]{grid-template-columns:26em auto}#about .about-grid-wrapper .about-grid-item .about-textbox p[data-v-feb14d23]{font-size:1rem;line-height:20px}#about .about-grid-wrapper .about-div-img[data-v-feb14d23]{width:100%}}@media (max-width: 1545px){.container[data-v-feb14d23]{max-width:1024px}.profile-pic[data-v-feb14d23]{max-width:100%}}@media (max-width: 1280px){.container[data-v-feb14d23]{max-width:768px}#about .about-wrapper .about-img[data-v-feb14d23]{width:60%}}@media (max-width: 1024px){.container[data-v-feb14d23]{max-width:768px}}@media (max-width: 768px){.header-wrapper[data-v-feb14d23]{width:100%!important}.main-menu li a[data-v-feb14d23]{font-size:.9rem!important}#skills .skills-wrapper[data-v-feb14d23]{align-items:center;flex-direction:column;margin-left:auto;margin-right:auto}.container[data-v-feb14d23]{max-width:100%}}@media (max-width: 640px){.container[data-v-feb14d23]{padding:0!important;width:100%}header .custom-select select[data-v-feb14d23]{display:block}header .header-wrapper[data-v-feb14d23]{display:none!important}header .mobile-header[data-v-feb14d23]{background-color:#1f1e1e;display:flex!important;justify-content:center;margin-top:-20px;position:fixed;width:100%;z-index:10}header .mobile-header #mlogo[data-v-feb14d23]{width:150px}.intro[data-v-feb14d23]{flex-direction:column-reverse}.intro .intro-box-text[data-v-feb14d23]{align-items:center;display:flex;flex-direction:column;height:20%;justify-content:center;text-align:center;width:70%}.intro .intro-box-text .title-box h1[data-v-feb14d23],.intro .intro-box-text .title-box .typing[data-v-feb14d23],.intro .intro-box-text .title-box .typing .blinking-cursor[data-v-feb14d23],.intro .intro-box-text .title-box .typing .typed-text[data-v-feb14d23]{font-size:2rem}.intro .intro-box-text p[data-v-feb14d23]{font-size:1.2rem;text-align:center}.intro .intro-box-image[data-v-feb14d23]{width:40%}.intro .intro-box-image img[data-v-feb14d23]{border:2px solid #39b54a;border-radius:100%}.arrow[data-v-feb14d23]{display:none}nav[data-v-feb14d23]{display:block!important;padding-top:20px}nav #logo[data-v-feb14d23]{display:none}nav .off-screen-menu[data-v-feb14d23]{display:flex!important}nav .off-screen-menu ul[data-v-feb14d23]{width:100%}nav .off-screen-menu ul li[data-v-feb14d23]{border-bottom:1px solid #ffffff;list-style-type:none;position:relative;display:flex}nav .off-screen-menu ul li a[data-v-feb14d23]{color:#39b54a;display:block;font-size:1.2rem;text-decoration:none;text-align:center;padding:20px;width:100%}nav .off-screen-menu.activee[data-v-feb14d23]{top:60px}nav #nav2[data-v-feb14d23]{display:flex!important;left:-5px;margin-top:-20px;position:fixed;padding:1rem;z-index:100}nav #nav2 .ham-menu[data-v-feb14d23]{height:30px;margin-left:auto;position:relative;width:30px}nav #nav2 .ham-menu span[data-v-feb14d23]{background-color:#39b54a;border-radius:25px;display:block;height:3px;left:80%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s ease;width:100%;z-index:13}nav #nav2 .ham-menu span[data-v-feb14d23]:nth-child(1){top:25%}nav #nav2 .ham-menu span[data-v-feb14d23]:nth-child(3){top:75%}nav #nav2 .ham-menu.activee span[data-v-feb14d23]:nth-child(1){right:0;top:50%;transform:translate(-50%,-50%) rotate(45deg)}nav #nav2 .ham-menu.activee span[data-v-feb14d23]:nth-child(2){right:0;opacity:0}nav #nav2 .ham-menu.activee span[data-v-feb14d23]:nth-child(3){top:50%;transform:translate(-50%) rotate(-45deg)}nav .main-menu-2[data-v-feb14d23]{width:100%}nav .main-menu-2 a[data-v-feb14d23]{color:#fff;text-decoration:none}nav .main-menu-2 a li[data-v-feb14d23]{border:3px solid #39b54a;font-size:1.2rem;padding:.3em;margin-top:.2em}nav .header-wrapper[data-v-feb14d23]{align-items:center;display:flex;flex-direction:column!important;justify-content:center}nav .header-wrapper .main-menu[data-v-feb14d23]{display:none!important}nav .header-wrapper .some-menu[data-v-feb14d23]{margin-left:2em;margin-top:2em}.sec-title[data-v-feb14d23]{padding:0;text-align:center}#skills h2[data-v-feb14d23]{margin-bottom:1em}#projects .project-wrapper[data-v-feb14d23]{align-items:center;flex-direction:column;flex-wrap:nowrap;margin:2em auto 0;width:80%}#projects .project-wrapper .project[data-v-feb14d23]{min-height:600px}#about h3[data-v-feb14d23],#about .about-desc[data-v-feb14d23]{text-align:center}#about .about-wrapper[data-v-feb14d23]{flex-direction:column;margin-top:5em}#contact .contact-container[data-v-feb14d23]{width:100%}footer[data-v-feb14d23]{align-items:center;flex-direction:column!important}footer img[data-v-feb14d23]{width:40%}footer a[data-v-feb14d23]{display:none}}@media (max-width: 475px){header nav[data-v-feb14d23]{justify-content:center}header .header-div-right-img[data-v-feb14d23]{transform:none!important;animation:none!important}.intro .intro-box-text[data-v-feb14d23]{height:50%;width:100%}.intro .intro-box-text p[data-v-feb14d23]{text-align:center}.intro .intro-box-image[data-v-feb14d23]{height:45%;width:60%}#skills .skills-wrapper[data-v-feb14d23]{margin-top:2em}#skills .skills-wrapper .skills-box[data-v-feb14d23]{width:350px}#skills .skills-wrapper .skills-box .skills-box-content[data-v-feb14d23]:nth-child(1){width:100%}#skills .skills-wrapper .skills-box .skills-box-content-divider[data-v-feb14d23]{margin:0 2rem}#about .about-wrapper .about-list-wrapper[data-v-feb14d23]{width:90%}#contact .contact-container .form-box[data-v-feb14d23]{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:90%}#contact .contact-container .form-box .field[data-v-feb14d23]{width:100%;margin-left:0}#contact .contact-container .form-box .field input[data-v-feb14d23],#contact .contact-container .form-box .field textarea[data-v-feb14d23]{width:100%}}@media (max-width: 350px){.intro[data-v-feb14d23]{flex-direction:column-reverse}.intro .intro-box-text[data-v-feb14d23]{display:flex;flex-direction:column;height:50%;justify-content:center;text-align:center;width:100%}.intro .intro-box-text .title-box .typing .blinking-cursor[data-v-feb14d23],.intro .intro-box-text .title-box .typing .typed-text[data-v-feb14d23]{font-size:26px}.intro .intro-box-image[data-v-feb14d23]{width:70%}#skills .skills-wrapper[data-v-feb14d23]{margin-top:2em}#skills .skills-wrapper .skills-box[data-v-feb14d23]{width:300px}#skills .skills-wrapper .skills-box .skills-box-content[data-v-feb14d23]{flex-direction:column}#skills .skills-wrapper .skills-box .skills-box-content .skills-box-content-divider[data-v-feb14d23]{height:1px;margin:10px 0;width:200px}#projects .project-wrapper .project[data-v-feb14d23]{width:115%}}#projects{padding-top:2em;width:100%}#projects .project-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;justify-content:center;max-width:100%}#projects .project-wrapper .project{background-color:transparent;border:2px solid #39b54a;border-radius:10px;box-shadow:#64646f33 0 7px 29px;min-height:600px;width:335px}#projects .project-wrapper .project .image-container{transition:.3s ease}#projects .project-wrapper .project .image-container img{border-radius:8px 8px 0 0;height:200px;width:100%}#projects .project-wrapper .project:hover .image-container{transform:scaleY(1.05) translateY(5px)}#projects .project-wrapper .project .project-info{display:flex;flex-direction:column;padding:20px}#projects .project-wrapper .project .project-info .project-category{color:#228a30;font-size:1.2rem;font-weight:800}#projects .project-wrapper .project .project-info .project-info-title-section{display:flex;padding-top:10px}#projects .project-wrapper .project .project-info .project-info-title-section h2{color:#fff;font-size:1.7rem;margin-top:5px}#projects .project-wrapper .project .project-info .project-info-title-section .empty-space{flex:1 1 0%;place-self:stretch}#projects .project-wrapper .project .project-info .project-info-title-section .project-info-button-container{align-items:center;display:flex;flex-direction:row;gap:20px}#projects .project-wrapper .project .project-info .project-info-title-section .project-info-button-container a{cursor:pointer;outline-offset:2px;transition:.2s;align-items:center;background:none;border:2px solid #ffffff;border-radius:10px;color:#fff;display:inline-flex;height:40px;justify-content:center;position:relative;width:40px}#projects .project-wrapper .project .project-info .project-info-title-section .project-info-button-container a svg{display:block}#projects .project-wrapper .project .project-info .project-info-title-section .project-info-button-container a:hover{background-color:#39b54a;cursor:pointer}#projects .project-wrapper .project .project-info .project-info-coding-lang{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1em;gap:10px}#projects .project-wrapper .project .project-info .project-info-coding-lang span{padding-inline-end:5px;padding-inline-start:5px;text-transform:uppercase}#projects .project-wrapper .project .project-info .project-info-coding-lang .span-ReactJS{background-color:#082550;color:#66dbfb}#projects .project-wrapper .project .project-info .project-info-coding-lang .span-javascript{background-color:#f0dd4ec7;color:#2e302c}#projects .project-wrapper .project .project-info .project-info-coding-lang .span-figma{background-color:#1e1e1ea9;color:#f34e1d}#projects .project-wrapper .project .project-info .project-info-coding-lang .span-wordpress{background-color:#ffffffb9;color:#21759b}#projects .project-wrapper .project .project-info .project-info-coding-lang .span-vue{background-color:#3a4f63;color:#47ba86}#projects .project-wrapper .project .project-info .project-info-coding-lang .span-json{background-color:#000000c6;color:#fff}#projects .project-wrapper .project .project-info .project-info-coding-lang .span-api{background-color:#21759b;color:#fff}#projects .project-wrapper .project .project-info .project-info-coding-lang .span-php{background-color:#8d96c0;color:#2a2c37}#projects .project-wrapper .project .project-info .project-info-coding-lang .span-firebase{background-color:#dd2c00;color:#ffc400}#projects .project-wrapper .project .project-info .project-info-coding-lang .span-csharp{background-color:#942c86;color:#fff}#projects .project-wrapper .project .project-info .project-info-text{color:#fff;line-height:1.6;margin-top:.5em}#projects .project-wrapper .project .project-info .project-info-button-wrapper{margin-top:1em}#projects .project-wrapper .project .project-info .project-info-button-wrapper a button{background:transparent;border:2px solid #39b54a;border-radius:5px;color:#fff;height:3em;font-weight:700;transition:.2s;width:8.2em}#projects .project-wrapper .project .project-info .project-info-button-wrapper a button:hover{background-color:#fff;border-color:#39b54a;color:#000;cursor:pointer}#projects .see-all-projects{display:flex;justify-content:center;margin-top:2.5em}#projects .see-all-projects a button{background-color:transparent;border:3px solid #39b54a;border-radius:30px;color:#fff;font-size:1.1rem;font-weight:700;height:40px;transition:.2s;width:200px}#projects .see-all-projects a button:hover{background-color:#fff;border-color:#39b54a;color:#000;cursor:pointer}header{min-height:10vh}header .custom-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:2px solid #39b54a;border-radius:.25rem;color:#000;cursor:pointer;display:none;float:right;font-family:Roboto,sans-serif;font-weight:700;font-size:1.15;margin-right:2em;margin-top:1.2em;right:0;padding:.5em;position:fixed;z-index:97;width:18%}header nav{align-items:center;box-sizing:border-box;display:flex;justify-content:center}header nav .mobile-header{display:none}header nav .off-screen-menu{align-items:center;background-color:#1f1e1e;display:none;flex-direction:column;justify-content:center;max-width:100vw;position:fixed;top:-300px;text-align:center;transition:.3s ease;width:100%;z-index:5}header nav #nav2{display:none}header nav .main-menu-2{list-style-type:none;display:none;align-items:baseline}header nav .main-menu-2 li:hover{cursor:pointer}header nav .header-wrapper{align-items:center;background-color:#121111;display:flex;flex-direction:row;min-height:5em;justify-content:space-around;margin-top:5em;position:fixed;width:80%;z-index:95}header nav .header-wrapper .main-menu{list-style-type:none;display:flex}header nav .header-wrapper .main-menu li{color:#fff;font-family:Open Sans,sans-serif;margin-left:3em;position:relative}header nav .header-wrapper .main-menu li a{color:#fff;text-decoration:none;font-size:1.2rem;font-family:Open Sans,sans-serif;width:0}header nav .header-wrapper .main-menu li a:hover{color:#ccc}header nav .header-wrapper .main-menu li:hover{cursor:pointer}header nav .header-wrapper a:hover{opacity:.8}header nav .header-wrapper #logo{max-width:150px}header nav .header-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:2px solid #39b54a;border-radius:.25rem;color:#000;cursor:pointer;font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;height:30px;margin-left:100px;padding-left:5px;width:100px;z-index:97}.intro{display:flex;flex-direction:row;align-items:center;min-height:70vh;justify-content:center;margin-bottom:20vh}.intro .intro-box-text{display:flex;flex-direction:column;min-height:100%;justify-content:center;padding:10px;width:55%}.intro .intro-box-text .title-box{display:flex;flex-direction:column;width:100%}.intro .intro-box-text .title-box h1{color:#39b54a;font-family:Roboto,sans-serif;font-size:3rem;line-height:3.8rem;margin-top:.5em}.intro .intro-box-text .title-box h1 span{color:#39b54a}.intro .intro-box-text .title-box .typing{width:100%}.intro .intro-box-text .title-box .typing .typed-text{color:#39b54a;font-family:Open Sans,sans-serif;font-weight:700;font-size:2rem;text-decoration:underline}.intro .intro-box-text p{color:#fff;font-size:1.4rem;margin-top:2em}.intro .intro-box-text p span{color:#39b54a}.intro .intro-box-text p span:hover{text-decoration:underline}.intro .intro-box-text .some-menu{display:flex;margin-top:2em}.intro .intro-box-text .some-menu a img{width:40px}.intro .intro-box-text .some-menu a:nth-child(2),.intro .intro-box-text .some-menu a:nth-child(3){margin-left:2em}.intro .intro-box-text .some-menu a:hover{opacity:.8}.intro .intro-box-text h5{color:#fff;font-size:2rem;margin-top:1em}.intro .intro-box-text .call-to-action{margin-top:3em}.intro .intro-box-text .call-to-action button{background-color:#39b54a;border:3px solid #ffffff;border-radius:30px;color:#fff;font-size:1.1rem;font-weight:700;height:40px;transition:.2s;width:220px}.intro .intro-box-image{align-items:center;display:flex;min-height:100%;padding:10px;width:45%}.intro .intro-box-image img{box-shadow:#50505059 0 5px 15px;width:95%}.arrow{height:2vmin;left:49.6%;position:absolute;top:90%;transform:rotate(135deg);width:2vmin}.arrow:before{border-color:#fafafa;border-style:solid;border-width:.8vmin .8vmin 0 0;content:"";display:block;height:100%;transform-origin:100% 0;transition:.2s ease;width:100%}.arrow:after{border-color:#fafafa;border-style:solid;border-width:0 .8vmin 0 0;content:"";float:left;position:relative;height:100%;top:-100%;transform-origin:100% 0;transition:.2s ease;width:100%}.arrow:hover:after{border-color:#39b54a;height:120%;right:10%;transform:rotate(45deg)}.arrow:hover:before{border-color:#39b54a;transform:scale(.8)}#skills{min-height:60vh;width:100%}#skills .skills-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%}#skills .skills-wrapper .skills-box{align-items:flex-start;border:2px solid #39b54a;border-radius:10px;box-shadow:#64646f33 0 7px 29px;display:flex;min-height:320px;justify-content:center;margin-top:2em;padding:1.5rem;width:450px}#skills .skills-wrapper .skills-box .skills-box-content{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-around;width:100%}#skills .skills-wrapper .skills-box .skills-box-content .skills-box-content-list{align-items:flex-start;display:flex;flex-direction:column;width:100%}#skills .skills-wrapper .skills-box .skills-box-content .skills-box-content-list h4{color:#fff;font-size:1.4rem;text-align:left}#skills .skills-wrapper .skills-box .skills-box-content .skills-box-content-list .skills-box-content-list-item{align-items:center;display:flex;flex-direction:row;margin-top:1em}#skills .skills-wrapper .skills-box .skills-box-content .skills-box-content-list .skills-box-content-list-item img{width:24px}#skills .skills-wrapper .skills-box .skills-box-content .skills-box-content-list .skills-box-content-list-item p{color:#fff;margin-inline-start:.75rem;text-align:left}#skills .skills-wrapper .skills-box .skills-box-content:nth-child(1){width:90%}#skills .skills-wrapper .skills-box .skills-box-content-divider{align-self:stretch;border:1px solid #39b54a;border-width:1px;height:auto;margin:0 3.5rem;width:auto}.projects-header-select select[data-v-e8ecb549]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:2px solid #39b54a;border-radius:.25rem;color:#000;cursor:pointer;font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;height:30px;padding-left:5px;width:100px;z-index:5}.project-header[data-v-e8ecb549]{position:relative;width:100%;z-index:5}.project-header .header-menu[data-v-e8ecb549]{background-color:#121111;display:flex;list-style-type:none;justify-content:space-between;padding:20px 20px 10px}.project-header .header-menu li button[data-v-e8ecb549]{background-color:transparent;border:3px solid #39b54a;border-radius:100%;height:40px;transition:.2s;width:40px}.project-header .header-menu li button .arrow-header[data-v-e8ecb549]{border:solid #39b54a;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(135deg)}.project-header .header-menu li button[data-v-e8ecb549]:hover{background-color:#fff;cursor:pointer}img[data-v-2b7fe461]{border-bottom:1px solid #ffffff;height:30vh;width:100%}.project-details-wrapper[data-v-2b7fe461]{align-items:center;display:flex;justify-content:center}.project-details-wrapper .project-details[data-v-2b7fe461]{margin-top:2em;position:relative;max-width:450px;z-index:20}.project-details-wrapper .project-details h2[data-v-2b7fe461]{color:#39b54a}.project-details-wrapper .project-details h1[data-v-2b7fe461]{color:#fff;font-size:2.2rem;margin-top:.5em}.project-details-wrapper .project-details p[data-v-2b7fe461]{color:#fff;margin-bottom:1em;margin-top:1em}.project-details-wrapper .project-details .button-wrapper[data-v-2b7fe461]{display:flex;gap:20px}.project-details-wrapper .project-details .button-wrapper a .project-details-button[data-v-2b7fe461]{align-items:center;background:transparent;border:2px solid #39b54a;border-radius:10px;color:#fff;font-weight:700;display:inline-flex;height:3em;line-height:1.2;min-width:10em;padding-inline-end:1em;padding-inline-start:1em;transition:.2s;white-space:nowrap}.project-details-wrapper .project-details .button-wrapper a .project-details-button span[data-v-2b7fe461]{align-self:center;display:inline-flex;flex-shrink:0;margin-inline-start:.8em}.project-details-wrapper .project-details .button-wrapper a .project-details-button[data-v-2b7fe461]:hover{background-color:#33333393;cursor:pointer}.project-details-wrapper .project-details .summary-box[data-v-2b7fe461]{background:rgba(51,51,51,.5764705882);border-color:#39b54a;border-left-style:solid;border-left-width:6px;color:#fff;margin-top:2.5em;padding-bottom:1em;padding-inline-start:2em;padding-inline-end:2em;padding-top:1em}.project-details-wrapper .project-details .markdown[data-v-2b7fe461]{all:revert}.project-details-wrapper .project-details .markdown p[data-v-2b7fe461]{margin-top:3em}.blinking-cursor{font-size:50px;font-weight:700;color:#fff;-webkit-animation:1s blink step-end infinite;-moz-animation:1s blink step-end infinite;-ms-animation:1s blink step-end infinite;-o-animation:1s blink step-end infinite;animation:1s blink step-end infinite}@keyframes blink{0%,to{color:transparent}50%{color:#fff}}@-moz-keyframes blink{0%,to{color:transparent}50%{color:#fff}}@-webkit-keyframes blink{0%,to{color:transparent}50%{color:#fff}}@-ms-keyframes blink{0%,to{color:transparent}50%{color:#fff}}@-o-keyframes blink{0%,to{color:transparent}50%{color:#fff}}.hover-underline-animation{display:inline-block;position:relative;color:#fff}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#39b54a;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}@media (max-width: 2700px){.intro-box-image img{width:80%}.container{max-width:1920px}}@media (max-width: 1920px){.container{max-width:1280px}.intro-box-text{height:550px}.arrow{top:95%}.arrow:hover:after{right:2.5px}#about .about-grid-wrapper{grid-template-columns:26em auto}#about .about-grid-wrapper .about-grid-item .about-textbox p{font-size:1rem;line-height:20px}#about .about-grid-wrapper .about-div-img{width:100%}}@media (max-width: 1545px){.container{max-width:1024px}.profile-pic{max-width:100%}}@media (max-width: 1280px){.container{max-width:768px}#about .about-wrapper .about-img{width:60%}}@media (max-width: 1024px){.container{max-width:768px}}@media (max-width: 768px){.header-wrapper{width:100%!important}.main-menu li a{font-size:.9rem!important}#skills .skills-wrapper{align-items:center;flex-direction:column;margin-left:auto;margin-right:auto}.container{max-width:100%}}@media (max-width: 640px){.container{padding:0!important;width:100%}header .custom-select select{display:block}header .header-wrapper{display:none!important}header .mobile-header{background-color:#1f1e1e;display:flex!important;justify-content:center;margin-top:-20px;position:fixed;width:100%;z-index:10}header .mobile-header #mlogo{width:150px}.intro{flex-direction:column-reverse}.intro .intro-box-text{align-items:center;display:flex;flex-direction:column;height:20%;justify-content:center;text-align:center;width:70%}.intro .intro-box-text .title-box h1,.intro .intro-box-text .title-box .typing,.intro .intro-box-text .title-box .typing .blinking-cursor,.intro .intro-box-text .title-box .typing .typed-text{font-size:2rem}.intro .intro-box-text p{font-size:1.2rem;text-align:center}.intro .intro-box-image{width:40%}.intro .intro-box-image img{border:2px solid #39b54a;border-radius:100%}.arrow{display:none}nav{display:block!important;padding-top:20px}nav #logo{display:none}nav .off-screen-menu{display:flex!important}nav .off-screen-menu ul{width:100%}nav .off-screen-menu ul li{border-bottom:1px solid #ffffff;list-style-type:none;position:relative;display:flex}nav .off-screen-menu ul li a{color:#39b54a;display:block;font-size:1.2rem;text-decoration:none;text-align:center;padding:20px;width:100%}nav .off-screen-menu.activee{top:60px}nav #nav2{display:flex!important;left:-5px;margin-top:-20px;position:fixed;padding:1rem;z-index:100}nav #nav2 .ham-menu{height:30px;margin-left:auto;position:relative;width:30px}nav #nav2 .ham-menu span{background-color:#39b54a;border-radius:25px;display:block;height:3px;left:80%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s ease;width:100%;z-index:13}nav #nav2 .ham-menu span:nth-child(1){top:25%}nav #nav2 .ham-menu span:nth-child(3){top:75%}nav #nav2 .ham-menu.activee span:nth-child(1){right:0;top:50%;transform:translate(-50%,-50%) rotate(45deg)}nav #nav2 .ham-menu.activee span:nth-child(2){right:0;opacity:0}nav #nav2 .ham-menu.activee span:nth-child(3){top:50%;transform:translate(-50%) rotate(-45deg)}nav .main-menu-2{width:100%}nav .main-menu-2 a{color:#fff;text-decoration:none}nav .main-menu-2 a li{border:3px solid #39b54a;font-size:1.2rem;padding:.3em;margin-top:.2em}nav .header-wrapper{align-items:center;display:flex;flex-direction:column!important;justify-content:center}nav .header-wrapper .main-menu{display:none!important}nav .header-wrapper .some-menu{margin-left:2em;margin-top:2em}.sec-title{padding:0;text-align:center}#skills h2{margin-bottom:1em}#projects .project-wrapper{align-items:center;flex-direction:column;flex-wrap:nowrap;margin:2em auto 0;width:80%}#projects .project-wrapper .project{min-height:600px}#about h3,#about .about-desc{text-align:center}#about .about-wrapper{flex-direction:column;margin-top:5em}#contact .contact-container{width:100%}footer{align-items:center;flex-direction:column!important}footer img{width:40%}footer a{display:none}}@media (max-width: 475px){header nav{justify-content:center}header .header-div-right-img{transform:none!important;animation:none!important}.intro .intro-box-text{height:50%;width:100%}.intro .intro-box-text p{text-align:center}.intro .intro-box-image{height:45%;width:60%}#skills .skills-wrapper{margin-top:2em}#skills .skills-wrapper .skills-box{width:350px}#skills .skills-wrapper .skills-box .skills-box-content:nth-child(1){width:100%}#skills .skills-wrapper .skills-box .skills-box-content-divider{margin:0 2rem}#about .about-wrapper .about-list-wrapper{width:90%}#contact .contact-container .form-box{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:90%}#contact .contact-container .form-box .field{width:100%;margin-left:0}#contact .contact-container .form-box .field input,#contact .contact-container .form-box .field textarea{width:100%}}@media (max-width: 350px){.intro{flex-direction:column-reverse}.intro .intro-box-text{display:flex;flex-direction:column;height:50%;justify-content:center;text-align:center;width:100%}.intro .intro-box-text .title-box .typing .blinking-cursor,.intro .intro-box-text .title-box .typing .typed-text{font-size:26px}.intro .intro-box-image{width:70%}#skills .skills-wrapper{margin-top:2em}#skills .skills-wrapper .skills-box{width:300px}#skills .skills-wrapper .skills-box .skills-box-content{flex-direction:column}#skills .skills-wrapper .skills-box .skills-box-content .skills-box-content-divider{height:1px;margin:10px 0;width:200px}#projects .project-wrapper .project{width:115%}}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,li,label,input,span,textarea{font-family:Roboto,sans-serif}p,a{font-family:Open Sans,sans-serif}p{font-weight:300;line-height:2}.sec-title{color:#fff;font-size:2.2rem;padding-bottom:1em;padding-top:2.5em;text-align:center}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#39b54a}::-webkit-scrollbar-thumb:hover{background:#228a30}html,body{background-color:#121111;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}*{box-sizing:border-box;margin:0;padding:0}.container{margin-left:auto;margin-right:auto;min-height:100vh;width:2000px}.container>*:not(Footer){flex:1}