@import url(https://fonts.googleapis.com/css?family=Crimson+Text);#sidemenu nav[data-v-50c1cb3a]{width:auto;background:#46465e;position:fixed;top:0;left:0;z-index:99}#sidemenu .sidemenu__btn[data-v-50c1cb3a]{display:block;width:50px;height:50px;background-color:transparent;border:none;position:relative;z-index:100;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}#sidemenu .sidemenu__btn span[data-v-50c1cb3a]{display:block;width:20px;height:2px;margin:auto;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0;transition:all .8s ease}#sidemenu .sidemenu__btn span.top[data-v-50c1cb3a]{transform:translateY(-8px)}#sidemenu .sidemenu__btn span.bottom[data-v-50c1cb3a]{transform:translateY(8px)}#sidemenu .sidemenu__btn.active .top[data-v-50c1cb3a]{transform:rotate(-45deg)}#sidemenu .sidemenu__btn.active .mid[data-v-50c1cb3a]{transform:translateX(-20px) rotate(1turn);opacity:0}#sidemenu .sidemenu__btn.active .bottom[data-v-50c1cb3a]{transform:rotate(45deg)}#sidemenu .sidemenu__wrapper[data-v-50c1cb3a]{padding-top:75px}#sidemenu .sidemenu__list[data-v-50c1cb3a]{padding-top:50px;list-style:none;padding:0;margin:0}#sidemenu .sidemenu__item a[data-v-50c1cb3a]{text-decoration:none;line-height:1.6em;font-size:1.2em;padding:.8em;display:block;color:#fff;transition:.4s ease}#sidemenu .sidemenu__item a[data-v-50c1cb3a]:hover{background:#d3d3d3;color:dimgrey}.translateX-enter-active[data-v-50c1cb3a],.translateX-leave-active[data-v-50c1cb3a]{transition:all .4s ease}.translateX-enter-from[data-v-50c1cb3a],.translateX-leave-to[data-v-50c1cb3a]{transform:translateX(-200px);opacity:1}.translateX-enter-to[data-v-50c1cb3a],.translateX-leave-from[data-v-50c1cb3a]{transform:translateX(0);opacity:1}@media screen and (min-width:768px){#sidemenu nav[data-v-50c1cb3a]{display:none}}.active a[data-v-54f12e4c]{text-decoration:underline}nav[data-v-54f12e4c]{position:sticky;top:0;z-index:999;background:#013c50;padding:1em}nav ul[data-v-54f12e4c]{align-items:center;list-style-type:none;margin:0;padding:20px;display:flex;justify-content:space-around}nav ul li[data-v-54f12e4c]{padding:5px}nav ul li a[data-v-54f12e4c]{position:relative;color:#fff;display:inline-block}nav ul li a[data-v-54f12e4c]:before{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#fff;visibility:hidden;transition:all .3s ease-in-out}nav ul li a[data-v-54f12e4c]:hover:before{visibility:visible;width:100%}nav ul li.active[data-v-54f12e4c]{border:2px solid #fff;border-radius:5px;transition:border-width .3s ease}nav ul li[data-v-54f12e4c]:not(.active){border:2px solid transparent}nav a[data-v-54f12e4c]{color:#fff;text-decoration:none}@media screen and (max-width:768px){nav ul[data-v-54f12e4c]{display:none}nav[data-v-54f12e4c]{background-color:#53565a;margin-bottom:-1px}}@media screen and (min-width:768px){nav[data-v-54f12e4c]{background-color:#53565a}nav ul li[data-v-54f12e4c]{width:auto}nav ul li a[data-v-54f12e4c]{font-size:1.2rem;color:#fff}.hamburger[data-v-54f12e4c]{display:none}nav ul[data-v-54f12e4c]{flex-direction:column;justify-content:space-between}li[data-v-54f12e4c]{margin:1em 0}}.home[data-v-1bb038eb]{position:relative;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;text-align:center;height:100%;min-height:700px;overflow:hidden;margin-top:-50px}.socials[data-v-1bb038eb]{width:200px;display:flex;justify-content:center}.social[data-v-1bb038eb]{width:60px;margin-right:20px;margin-left:20px;transition:.3s ease-in-out}.home h1[data-v-1bb038eb]{width:60%;margin-top:100px;display:flex;font-size:2em;color:#fff;z-index:2;justify-content:center}.home h1 span[data-v-1bb038eb]{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;padding:.5em}.social[data-v-1bb038eb]:hover{transform:scale(1.1)}.home h1 span[data-v-1bb038eb]:before,h1 span[data-v-1bb038eb]:after{visibility:hidden;content:"";position:absolute;width:0;height:0;transition:width .3s,height .3s ease-in-out}.home h1 span[data-v-1bb038eb]:before{top:0;left:0;border-top:2px solid #fff;border-left:2px solid #fff}.home h1 span[data-v-1bb038eb]:after{bottom:0;right:0;border-bottom:2px solid #fff;border-right:2px solid #fff}.home h1 span[data-v-1bb038eb]:hover:after,.home h1 span[data-v-1bb038eb]:hover:before{visibility:visible;width:100%;height:100%}.title-container[data-v-1bb038eb]{flex-direction:column;margin-bottom:100px}.title-container[data-v-1bb038eb],.title[data-v-1bb038eb]{display:flex;justify-content:center;align-items:center;z-index:2}.title[data-v-1bb038eb]{margin:0;color:#fff;font-size:1em;padding:.7em;margin-bottom:5vh;width:70%}.title span[data-v-1bb038eb]{position:relative;display:inline-block;padding:.5em}.title span[data-v-1bb038eb]:after,.title span[data-v-1bb038eb]:before{visibility:hidden;content:"";position:absolute;width:0;height:0;transition:width .3s,height .3s ease-in-out}.title span[data-v-1bb038eb]:before{top:0;left:0;border-top:2px solid #fff;border-left:2px solid #fff}.title span[data-v-1bb038eb]:after{bottom:0;right:0;border-bottom:2px solid #fff;border-right:2px solid #fff}.title span[data-v-1bb038eb]:hover:after,.title span[data-v-1bb038eb]:hover:before{visibility:visible;width:100%;height:100%}.home h1 .title[data-v-1bb038eb]{width:auto}@media screen and (max-width:767px){.double-color-background[data-v-1bb038eb]{height:100%;background:linear-gradient(to bottom right,#53565a 10%,#013c50 25%,#013c50 70%,#53565a 85%)}}@media screen and (min-width:768px){.home[data-v-1bb038eb]{min-height:90vh;background-color:#53565a}.title[data-v-1bb038eb]{font-size:1.2em;min-height:80px;width:auto}}.content[data-v-0428e694]{top:100%;left:0;width:100%;visibility:hidden;padding:0;margin:0;max-height:0;overflow:hidden;opacity:0;transition:.4s ease;border-bottom:1px solid hsla(0,0%,100%,.5);transform:translateY(-100%);transition:transform .8s ease,opacity 2s ease,visibility 2s ease,max-height .8s}.content.active[data-v-0428e694]{transform:translateY(0);opacity:1;max-height:1000px;visibility:visible}.wrapper[data-v-0428e694]{margin:40px auto;width:40vw;display:block;text-align:center;-webkit-mask-image:linear-gradient(180deg,transparent,#000 1px,#000);mask-image:linear-gradient(180deg,transparent,#000 1px,#000);transition:.15s ease}.wrapper.active .arrow[data-v-0428e694]{transform:rotate(45deg) translate(-5px,-5px)}.wrapper.active .arrow[data-v-0428e694]:before{transform:translate(10px)}.wrapper.active .arrow[data-v-0428e694]:after{transform:rotate(90deg) translate(10px)}.wrapper.active ul[data-v-0428e694]{opacity:.3;height:108px}.wrapper2 ul[data-v-0428e694]{border:1px solid hsla(0,0%,100%,.5)}.wrapper2 li[data-v-0428e694]:first-child{margin-top:16px}.wrapper2 li[data-v-0428e694]:last-child{margin-bottom:3px}.wrapper2.active ul[data-v-0428e694]{margin-top:12px}.wrapper2.active .arrow[data-v-0428e694]{transform:rotate(45deg) translate(38px,38px);opacity:.6}.wrapper2.active .arrow[data-v-0428e694]:before{transform:translate(5px)}.wrapper2.active .arrow[data-v-0428e694]:after{transform:rotate(90deg) translate(5px)}.wrapper3 .arrow[data-v-0428e694]{transform:rotate(0);left:0}.wrapper3 .arrow[data-v-0428e694]:after,.wrapper3 .arrow[data-v-0428e694]:before{background-color:transparent;width:3px;height:10px;display:inline-block;position:absolute;border-bottom:12px solid #fff;top:0;left:0;transform:rotate(0)}.wrapper3 .arrow[data-v-0428e694]:before{transform:rotate(-135deg)}.wrapper3 .arrow[data-v-0428e694]:after{transform:rotate(135deg)}.wrapper3.active .arrow[data-v-0428e694]{transform:rotate(0);transform:translateY(-6px)}.wrapper3.active .arrow[data-v-0428e694]:before{transform:rotate(-45deg)}.wrapper3.active .arrow[data-v-0428e694]:after{transform:rotate(45deg)}.arrow[data-v-0428e694]{width:13px;height:13px;position:relative;bottom:-5px;left:-10px;transition:.4s ease;margin-top:2px;text-align:left;transform:rotate(45deg);float:right}.arrow[data-v-0428e694]:after,.arrow[data-v-0428e694]:before{position:absolute;content:"";display:inline-block;width:12px;height:3px;background-color:#fff;transition:.4s ease}.arrow[data-v-0428e694]:after{position:absolute;transform:rotate(90deg);top:-5px;left:5px}.click-text[data-v-0428e694]{display:block;text-align:left;padding:0 12px 16px;margin:0;cursor:pointer;color:hsla(0,0%,100%,.3);border-bottom:1px solid hsla(0,0%,100%,.2);transition:.15s ease}.click-text[data-v-0428e694]:hover{color:hsla(0,0%,100%,.6);border-bottom-color:hsla(0,0%,100%,.4)}p[data-v-0428e694]{list-style-type:none;margin:0 auto;padding:4px 12px;text-align:left;cursor:pointer;color:#fff}p[data-v-0428e694]:first-child{margin-top:12px}p[data-v-0428e694]:last-child{margin-bottom:12px}@media only screen and (max-width:767px){.wrapper[data-v-0428e694]{width:75%;margin-left:auto;margin-right:auto}.click-text[data-v-0428e694]{width:100%}.content[data-v-0428e694]{width:auto}}.skill-list[data-v-51b99651]{display:flex;color:#fff;flex-direction:column;justify-content:space-around;align-items:center;opacity:1;list-style-position:inside;margin-top:10px}.skills-lists[data-v-51b99651]{display:flex;flex-direction:row;justify-content:center;margin-top:-70px}.para[data-v-51b99651]{text-align:center}.content[data-v-51b99651]{top:100%;left:0;width:100%;visibility:hidden;padding:0;margin:0;max-height:0;overflow:hidden;opacity:0;transition:.4s ease;border-bottom:1px solid hsla(0,0%,100%,.5);transform:translateY(-100%);transition:transform .8s ease,opacity 2s ease,visibility 2s ease,max-height .8s;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center}.content.active[data-v-51b99651]{transform:translateY(0);opacity:1;max-height:1000px;visibility:visible;padding:20px;height:250px}.wrapper[data-v-51b99651]{margin:40px auto;width:40vw;display:block;text-align:center;-webkit-mask-image:linear-gradient(180deg,transparent,#000 1px,#000);mask-image:linear-gradient(180deg,transparent,#000 1px,#000);transition:.15s ease}.wrapper.active .arrow[data-v-51b99651]{transform:rotate(45deg) translate(-5px,-5px)}.wrapper.active .arrow[data-v-51b99651]:before{transform:translate(10px)}.wrapper.active .arrow[data-v-51b99651]:after{transform:rotate(90deg) translate(10px)}.wrapper.active ul[data-v-51b99651]{height:108px}.wrapper2 ul[data-v-51b99651]{border:1px solid hsla(0,0%,100%,.5)}.wrapper2 li[data-v-51b99651]:first-child{margin-top:16px}.wrapper2 li[data-v-51b99651]:last-child{margin-bottom:3px}.wrapper2.active ul[data-v-51b99651]{margin-top:12px}.wrapper2.active .arrow[data-v-51b99651]{transform:rotate(45deg) translate(38px,38px);opacity:.6}.wrapper2.active .arrow[data-v-51b99651]:before{transform:translate(5px)}.wrapper2.active .arrow[data-v-51b99651]:after{transform:rotate(90deg) translate(5px)}.wrapper3 .arrow[data-v-51b99651]{transform:rotate(0);left:0}.wrapper3 .arrow[data-v-51b99651]:after,.wrapper3 .arrow[data-v-51b99651]:before{background-color:transparent;width:3px;height:10px;display:inline-block;position:absolute;border-bottom:12px solid #fff;top:0;left:0;transform:rotate(0)}.wrapper3 .arrow[data-v-51b99651]:before{transform:rotate(-135deg)}.wrapper3 .arrow[data-v-51b99651]:after{transform:rotate(135deg)}.wrapper3.active .arrow[data-v-51b99651]{transform:rotate(0);transform:translateY(-6px)}.wrapper3.active .arrow[data-v-51b99651]:before{transform:rotate(-45deg)}.wrapper3.active .arrow[data-v-51b99651]:after{transform:rotate(45deg)}.arrow[data-v-51b99651]{width:13px;height:13px;position:relative;bottom:-5px;left:-10px;transition:.4s ease;margin-top:2px;text-align:left;transform:rotate(45deg);float:right}.arrow[data-v-51b99651]:after,.arrow[data-v-51b99651]:before{position:absolute;content:"";display:inline-block;width:12px;height:3px;background-color:#fff;transition:.4s ease}.arrow[data-v-51b99651]:after{position:absolute;transform:rotate(90deg);top:-5px;left:5px}.click-text[data-v-51b99651]{display:block;text-align:left;padding:0 12px 16px;margin:0;cursor:pointer;color:hsla(0,0%,100%,.3);border-bottom:1px solid hsla(0,0%,100%,.2);transition:.15s ease}.click-text[data-v-51b99651]:hover{color:hsla(0,0%,100%,.6);border-bottom-color:hsla(0,0%,100%,.4)}p[data-v-51b99651]{list-style-type:none;margin:0 auto;padding:4px 12px;text-align:left;cursor:pointer;color:#fff}p[data-v-51b99651]:first-child{margin-top:12px}p[data-v-51b99651]:last-child{margin-bottom:12px}@media only screen and (max-width:767px){.wrapper[data-v-51b99651]{width:75%;margin-left:auto;margin-right:auto}.wrapper.active ul[data-v-51b99651]{height:200px}.click-text[data-v-51b99651]{width:100%}.content[data-v-51b99651]{width:auto;flex-wrap:wrap;padding:0}.content.active[data-v-51b99651]{max-height:2000px;height:auto}.skills-lists[data-v-51b99651]{flex-wrap:wrap;margin-top:0}.skill-list[data-v-51b99651]{width:50%;height:200px}}h1[data-v-38b51553]{margin-bottom:25px;margin-top:25px;font-size:1.5em;color:#fff;padding:10px}h2[data-v-38b51553]{margin-bottom:10px;font-size:1.5em;padding:10px;color:#fff}.about[data-v-38b51553]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#53565a;min-height:100ch}.profile-picture[data-v-38b51553]{position:absolute;top:0;left:0;margin-bottom:10px;width:150px;height:150px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #fff}.fade-in[data-v-38b51553]{flex-direction:column;width:100%}.container[data-v-38b51553],.fade-in[data-v-38b51553]{display:flex;align-items:center;justify-content:center}.container[data-v-38b51553]{margin:0 auto;margin-top:10px;margin-bottom:40px;perspective:1000px;width:150px;height:150px;position:relative;transform-style:preserve-3d;transition:transform 1.5s ease-in-out}.container[data-v-38b51553]:hover{transform:rotateY(180deg)}.front-image[data-v-38b51553]{transform:rotateY(0deg);backface-visibility:hidden}.back-image[data-v-38b51553]{transform:rotateY(180deg);backface-visibility:hidden}.header-p[data-v-38b51553]{width:100%;min-height:150px;display:flex;justify-content:center;text-align:center;color:#fff;font-size:15px;padding:10px}@media screen and (max-width:767px){.double-color-background[data-v-38b51553]{height:100%;background:linear-gradient(to bottom right,#013c50 20%,#53565a 35%,#53565a 75%,#497285 90%)}.dialogue-menu[data-v-38b51553]{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}}@media only screen and (min-width:768px){.double-color-background[data-v-38b51553]{height:100%;background:linear-gradient(to bottom right,#53565a 15%,#013c50 25%,#013c50 75%,#497285 90%)}h1[data-v-38b51553],h2[data-v-38b51553]{color:#fff}.about[data-v-38b51553]{background-color:#013c50;min-height:100vh}.about-paras[data-v-38b51553]{flex-direction:row}.personal-p[data-v-38b51553],.professional-p[data-v-38b51553]{width:50%;min-height:150px;text-align:center;display:flex;justify-content:center;align-items:center}.header-p[data-v-38b51553]{font-size:1.1em}.dialogue-menu[data-v-38b51553]{width:auto}.pwrapper[data-v-38b51553]{width:80%}}.fade-enter-active[data-v-107942e7]{transition:opacity 1s}.fade-enter-from[data-v-107942e7]{opacity:0}.slide-next-enter-active[data-v-107942e7],.slide-next-leave-active[data-v-107942e7]{transition:transform .5s ease-in-out}.slide-next-enter-from[data-v-107942e7]{transform:translate(100%)}.slide-next-leave-to[data-v-107942e7]{transform:translate(-100%)}.slide-prev-enter-active[data-v-107942e7],.slide-prev-leave-active[data-v-107942e7]{transition:transform .5s ease-in-out}.slide-prev-enter-from[data-v-107942e7]{transform:translate(-100%)}.slide-prev-leave-to[data-v-107942e7]{transform:translate(100%)}.btn.slide-0[data-v-107942e7]{border-color:#000;color:#000}.slide1[data-v-107942e7]{background-color:#aaa}.slide1 .projectimages[data-v-107942e7]{width:75%}.slide2[data-v-107942e7]{background:#aaa}.slide-2-image-2[data-v-107942e7]{width:25%}.slide3[data-v-107942e7]{background:#aaa}.yellow[data-v-107942e7]{background:#f6b93b}.gray[data-v-107942e7]{background:gray}.green[data-v-107942e7]{background:#b4fdc0}.cyan[data-v-107942e7]{background:cyan}.brown[data-v-107942e7]{background:brown}.orange[data-v-107942e7]{background:orange}.projectimages[data-v-107942e7]{display:flex;justify-content:center;align-items:center;flex-direction:row}.projectimage[data-v-107942e7]{position:relative;transition:transform .3s ease-in-out}.projectimage[data-v-107942e7]:hover{transform:scale(1.1)}body[data-v-107942e7]{overflow:hidden;margin:0;font-size:50px;font-family:Crimson Text,sans-serif;color:#fff}#slider[data-v-107942e7]{position:relative;overflow:hidden}#slider[data-v-107942e7],.slide[data-v-107942e7]{display:flex;justify-content:center;align-items:center;width:100%}.slide[data-v-107942e7]{position:absolute;top:0;left:0;flex-direction:column;border:2px solid #000;border-radius:7vw}.slide p[data-v-107942e7]{width:70%}.btn[data-v-107942e7]{z-index:10;cursor:pointer;color:#000;display:flex;justify-content:center;align-items:center;width:50px;height:70px;position:absolute;top:calc(50% - 40px);left:1%;transition:transform .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-next[data-v-107942e7]{left:auto;right:1%}.btn[data-v-107942e7]:hover{transform:scale(1.1);border:3px solid #fff}.image[data-v-107942e7]{&__wrapper[data-v-107942e7]{display:flex;justify-content:center;align-items:center;border-radius:4px;&.loaded[data-v-107942e7]{.image[data-v-107942e7]{&__item[data-v-107942e7]{visibility:visible;opacity:1;border:0}&__spinner[data-v-107942e7]{display:none;width:100%}}}}&__item[data-v-107942e7]{width:100%;border-radius:4px;transition:all .4s ease-in-out;opacity:0;visibility:hidden}}.ripple[data-v-107942e7]{display:inline-block;position:absolute;width:64px;height:64px;&__circle[data-v-107942e7]{position:absolute;border:4px solid #60d070;opacity:1;border-radius:50%;animation:ripple-107942e7 1s cubic-bezier(0,.2,.8,1) infinite}&__inner-circle[data-v-107942e7]{animation-delay:-.5s}}@keyframes ripple-107942e7{0%{top:28px;left:28px;width:0;height:0;opacity:1}to{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}@media only screen and (min-width:768px){.slide[data-v-107942e7]{gap:15px;height:35vh}#slider[data-v-107942e7]{height:35vh;width:90%}.projectimage[data-v-107942e7]{height:70px;width:auto}.btn[data-v-107942e7]{top:calc(50% - 40px)}}@media only screen and (max-width:767px){#slider[data-v-107942e7]{width:90%;height:40vh}.slide[data-v-107942e7]{height:40vh;width:100%;gap:15px}.btn[data-v-107942e7]{top:calc(50% - 40px)}.projectimage[data-v-107942e7]{height:7vh;width:auto}}[data-v-1a5858fd]{box-sizing:border-box}.projects[data-v-1a5858fd]{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;min-height:70vh;background-color:#b4fdc0;padding-bottom:4px}.projects h1[data-v-1a5858fd]{padding:30px;font-size:2em;color:#fff}@media only screen and (max-width:767px){.double-color-background[data-v-1a5858fd]{background:linear-gradient(to bottom right,#53565a 25%,#497285 40%,#497285 60%,#53565a 75%)}.carousel[data-v-1a5858fd]{width:90%;display:flex;justify-content:center}}@media only screen and (min-width:768px){.double-color-background[data-v-1a5858fd]{height:100%;background:linear-gradient(to bottom right,#013c50 25%,#497285 40%,#497285 60%,#53565a 75%)}.carousel[data-v-1a5858fd]{display:flex;flex-direction:row;justify-content:center;width:75vw;height:100%;overflow:hidden;margin-top:50px}}@media only screen and (min-width:1000px){.carousel[data-v-1a5858fd]{height:50vh;width:50vw;display:flex;justify-content:center;align-items:center}}.services-section[data-v-19a444d5]{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:50px;text-align:center;background-color:#53565a;color:#fff;min-height:70vh}.services-list[data-v-19a444d5]{display:flex;flex-wrap:wrap;justify-content:space-around}.service-item[data-v-19a444d5]{flex:0 1 calc(33.3333% - 20px);margin:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px;text-align:left;background-color:#ddd;color:#000}.service-item h3[data-v-19a444d5]{margin-bottom:15px}.service-icon img[data-v-19a444d5]{width:50px;height:50px;margin-bottom:10px}.double-color-background[data-v-19a444d5]{background:linear-gradient(to bottom right,#497285 10%,#53565a 25%,#53565a 70%,#013c50 85%)}@media only screen and (max-width:767px){.section-p[data-v-19a444d5],h2[data-v-19a444d5]{margin-bottom:30px}.double-color-background[data-v-19a444d5]{background:linear-gradient(to bottom right,#497285 10%,#53565a 25%,#53565a 70%,#013c50 85%)}.service-item[data-v-19a444d5]{display:flex;flex-wrap:wrap}}@media only screen and (min-width:768px){h2[data-v-19a444d5]{margin-bottom:30px}.section-p[data-v-19a444d5]{margin-bottom:30px;width:50%}}h2[data-v-6a68016a]{margin-bottom:40px}.contact-section[data-v-6a68016a]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;text-align:center;color:#fff}.socials[data-v-6a68016a]{margin-top:40px;margin-bottom:40px}.socials a[data-v-6a68016a]{margin:0 10px}.socials img[data-v-6a68016a]{width:40px;height:40px;transition:opacity .2s ease}.socials img[data-v-6a68016a]:hover{opacity:.7}.email-section[data-v-6a68016a],.resume-download[data-v-6a68016a]{margin-top:30px}form[data-v-6a68016a]{width:50%}.contact-form[data-v-6a68016a],form[data-v-6a68016a]{display:flex;flex-direction:column;align-items:center}.contact-form[data-v-6a68016a]{justify-content:center}.email-box[data-v-6a68016a],.name-box[data-v-6a68016a]{margin-top:20px;margin-bottom:20px}.email-box input[data-v-6a68016a],.name-box input[data-v-6a68016a]{height:30px;padding:10px;border-radius:20px;background-color:#ddd;font-family:Arial,Helvetica,sans-serif}.message-box[data-v-6a68016a]{margin-top:20px;margin-bottom:20px}.message-box textarea[data-v-6a68016a]{height:100px;padding:10px;border-radius:20px;background-color:#ddd;font-family:Arial,Helvetica,sans-serif}.send-button[data-v-6a68016a]{display:flex;text-align:center;justify-content:center;align-items:center;width:10vw;height:3vh;padding:5px;border-radius:20px;background-color:#ddd;transition:opacity .3s ease-in-out;color:#000}.send-button[data-v-6a68016a]:hover{opacity:.7}.download-image[data-v-6a68016a]{width:50px;margin-top:20px;transition:opacity .2s ease;animation-name:shake;animation-duration:3.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-delay:3s}.download-image[data-v-6a68016a]:hover{opacity:.6;animation:none}.double-color-background[data-v-6a68016a]{background:linear-gradient(to bottom right,#53565a 20%,#013c50 35%,#013c50 70%,#013c50 85%)}@media only screen and (max-width:768px){.send-button[data-v-6a68016a]{width:80px}}html{scroll-behavior:smooth}#app{display:flex;flex-direction:column;font-family:Nova Flat,cursive;background-color:#013c50;height:100%}*{margin:0;padding:0;box-sizing:border-box;width:100%}.home-page{margin-top:100px}.head-navbar.top{background-color:#53565a;position:fixed;z-index:1000;top:0;right:0;left:0}.head-navbar.bottom{display:none;background-color:#53565a}.project-page{min-height:80vh}@media screen and (min-width:768px){#app{flex-direction:row}.home-page{height:50%;margin-top:-5em;margin-bottom:5em}.head-navbar.top{display:none}.head-navbar.bottom{display:flex;height:70%;text-align:center;width:auto}.header-home{position:sticky;left:0;top:0;display:flex;justify-content:center;flex-direction:column;height:100vh;width:30vw}.about-page{min-height:80vh}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn 1s forwards}.fade-in-2{animation:fadeIn 2s forwards}.slide-in-left{animation:slideInLeft 1.8s forwards}.slide-in-left-7{animation:slideInLeft 1.5s forwards}.slide-in-left-5{animation:slideInLeft 1s forwards}.slide-in-right{animation:slideInRight 1.8s forwards}.slide-in-right-7{animation:slideInRight 1.5s forwards}.slide-in-right-5{animation:slideInRight 1s forwards}.slide-in-top{animation:slideInTop 1s forwards}.slide-in-bottom{animation:slideInBottom 1s forwards}[data-v-scroll]{opacity:0}@keyframes shake{0%,44%,to{transform:rotate(0);text-shadow:0 1px 0 transparent}2%,42%{transform:rotate(5deg)}38%,6%{transform:rotate(-10deg)}10%,34%{transform:rotate(20deg)}14%,22%,30%{transform:rotate(-25deg);text-shadow:0 1px 3px rgba(0,0,0,.4)}18%,26%{transform:rotate(25deg)}}@keyframes rotateAnimation{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}