@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap);@font-face{font-family:coolvetica;src:url(../fonts/coolvetica.63b2b07f.ttf) format("truetype")}@keyframes rubberband{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes line-dash{to{stroke-dashoffset:0px}}@keyframes fill{0%{fill:transparent}to{fill:#fafafa}}@keyframes slide{to{transform:translateX(-100%) scale(.7)}}@keyframes slide-in{to{transform:scale(1)}}@keyframes expand{0%{transform:scale(1) translate(-50%,-50%)}50%{transform:scale(2) translate(-50%,-50%)}to{transform:scale(1) translate(-50%,-50%)}}::-moz-selection{background:#999}::selection{background:#999}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-color);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;font-family:Poppins,sans-serif}:root{--background-color:#1d1d1d;--main-color:#fafafa;--secondary-color:#1d1d1d;--red-color:#fd475a;--cyan-color:#00f2ea;--nav-size-lg:4vw;--nav-size-md:11vh;--index-nav:100}#app,.content{background-color:var(--background-color)}.content{position:relative;margin-left:var(--nav-size-lg);height:100vh;padding:0 2rem;overflow-y:auto}.content .content-body{height:auto;padding:0 2rem}@media only screen and (max-width:1024px){.content{margin-left:0!important;padding:0!important;height:calc(100vh - var(--nav-size-md))!important}.content .content-body{padding:0 1rem 0 3rem!important}}@media only screen and (max-width:600px){.content .content-body{padding:0 1rem 0 2rem!important}}.fade-enter{opacity:1!important}.fade-enter-active{opacity:.3!important}.fade-leave-active{opacity:0;transition:all .6s}.icon-medsos{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.icon-medsos ul{list-style-type:none;padding:0;margin:0}.icon-medsos ul li{color:#fff;margin:1rem;font-size:1.2rem}.icon-medsos ul i:hover{color:#00f2ea}.line{background-color:#fff;height:6rem;width:.1rem;margin-left:1.6rem}#home[data-v-4b2db348]{display:flex;align-items:center;height:100%;background-color:#1d1d1d}#home .container[data-v-4b2db348]{padding-left:.5rem;z-index:99}#home .desc[data-v-4b2db348]{font-size:1.2rem;color:#fff}#home .username[data-v-4b2db348]{display:flex}#home .initial-name[data-v-4b2db348]{z-index:99;color:var(--red-color)}#home .initial-name2[data-v-4b2db348],#home .initial-name[data-v-4b2db348]{font-family:coolvetica!important;font-size:5rem;line-height:5rem;margin-left:.4rem}#home .initial-name2[data-v-4b2db348]{position:absolute;color:var(--cyan-color);transform:translateX(90px)}@media only screen and (max-width:767px){#home .desc[data-v-4b2db348]{font-size:1rem}#home .username[data-v-4b2db348]{transform:translateY(-10px)}#home .initial-name2[data-v-4b2db348]{font-size:3.9rem;color:var(--cyan-color);transform:translate(60px,3px)}#home .initial-name[data-v-4b2db348]{font-size:3.9rem;transform:translateY(3px)}}#about[data-v-286574c5]{display:flex;align-items:center;justify-content:space-between;height:100%}#about .left[data-v-286574c5]{margin-left:40px;width:40%}#about .left .desc[data-v-286574c5]{color:var(--main-color);font-size:1vw}#about .global[data-v-286574c5]{margin:0 auto;font-weight:600;color:var(--font-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}#about .outline-text[data-v-286574c5]{width:100%;position:absolute;overflow:visible;opacity:.1;left:2rem;top:-5rem;z-index:0;font-size:2.5em;font-weight:700;font-family:Poppins,sans-serif;color:red;pointer-events:none}@media only screen and (max-width:900px){#about[data-v-286574c5]{display:block;margin-top:6em;padding-bottom:730px!important}#about .left[data-v-286574c5]{width:90%;margin-left:0!important}#about .left .desc[data-v-286574c5]{font-size:1.2rem!important}#about .global[data-v-286574c5]{display:block}}@media only screen and (max-width:600px){#about .left[data-v-286574c5]{width:98%}#about .left .desc[data-v-286574c5]{font-size:.9rem!important}#about .global[data-v-286574c5]{position:relative;font-weight:500;font-size:.8rem!important}}#work-page{margin-top:5rem}#work-page .title{display:flex;justify-content:left;gap:1rem}#work-page .work-list{margin:1rem auto 5rem auto;width:100%}@media only screen and (max-width:1024px){#work-page{margin-top:6em}#work-page .title{margin-bottom:0!important}#work-page .work-list{margin-top:0;width:100%}}@media only screen and (max-width:600px){#work-page .work-list{margin-top:0!important}}#page-project[data-v-934eaf5c]{font-family:poppins}#page-project .title-page[data-v-934eaf5c]{display:flex;justify-content:center;gap:1rem;margin:3rem 0}#page-project .row[data-v-934eaf5c]{margin-bottom:7rem;display:flex;flex-wrap:wrap}#page-project .row .column[data-v-934eaf5c]{flex:25%;max-width:25%}#page-project .row .column .card[data-v-934eaf5c]{position:relative;margin:1rem;height:250px;border:3px solid var(--secondary-color);box-shadow:5px 5px 0 var(--secondary-color);cursor:pointer;transition:all .3s ease-in-out}#page-project .row .column .card .action[data-v-934eaf5c]{position:absolute;width:100%;height:100%;top:0;left:0;display:none;justify-content:center;align-items:center;gap:1rem}#page-project .row .column .card .action a[data-v-934eaf5c]{background-color:var(--secondary-color);padding:.5rem 1rem;color:var(--main-color);text-decoration:none;border-radius:5px}#page-project .row .column .card .action a[data-v-934eaf5c]:hover{font-weight:500}#page-project .row .column .card .khaby[data-v-934eaf5c]{position:absolute;bottom:0;left:35%;width:200px;height:auto;display:none}#page-project .row .column .card:hover .action[data-v-934eaf5c]{background:rgba(0,0,0,.5);display:flex}#page-project .row .column .card:hover .khaby[data-v-934eaf5c]{display:block}#page-project .row .column .project-img[data-v-934eaf5c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media only screen and (max-width:1400px){.row .column .card[data-v-934eaf5c]{height:150px!important}.row .column .card .action a[data-v-934eaf5c]{padding:.3rem .5rem!important;font-size:.5em}.row .column .card .khaby[data-v-934eaf5c]{width:70px!important}}@media only screen and (max-width:1024px){.cetegory li[data-v-934eaf5c]{list-style:none;margin:1rem .2rem!important;padding:.3rem 1rem!important}.row[data-v-934eaf5c]{margin-bottom:5rem!important}.row .column[data-v-934eaf5c]{flex:33%!important;max-width:33%!important}.row .column .card[data-v-934eaf5c]{height:120px!important}}@media only screen and (max-width:600px){.title-page[data-v-934eaf5c]{margin-top:5rem!important;margin-bottom:1rem!important}.row[data-v-934eaf5c]{margin-bottom:4rem!important}.row .column[data-v-934eaf5c]{flex:100%!important;max-width:100%!important}.row .column .card[data-v-934eaf5c]{height:200px!important}}