@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;400;700;900&family=Poetsen+One&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.nav{width:100%;height:60px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;padding:0 15%;position:fixed;z-index:20;background-color:var(--nav-bg)}@media(max-width:700px){.nav{padding:0 5px}}.nav a{display:flex;align-items:center;height:100%}.nav a img{width:50px;height:50px}.nav .center-list{display:flex;align-items:center;height:100%;padding:10px 0}.nav .center-list li{list-style-type:none}@media(max-width:700px){.nav .center-list li{display:none}}.nav .center-list li a{padding:10px;margin:3px;cursor:pointer;text-decoration:none;color:var(--theme-text);font-weight:400}@media(max-width:700px){.nav .center-list li a{display:none}}.nav .center-list li a:hover{text-decoration:underline}.nav .center-list li a.router-link-active{background-color:var(--blue);color:var(--button-text)}.nav .center-list .theme-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:var(--icon-theme-color);color:var(--theme-inverse);border-radius:5px;cursor:pointer;transition:all .5s;margin:0 5px}.nav .center-list .theme-icon svg{font-size:var(--medium);color:var(--theme-text)}.nav .center-list .bars-icon{width:40px;height:40px;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:10px;color:var(--theme-text);border:1px solid var(--border-color);margin:0 5px;position:relative}@media(min-width:700px){.nav .center-list .bars-icon{display:none}}.nav .menu-close,.nav .menu-open{width:200px;min-height:200px;max-height:300px;overflow:hidden;background-color:var(--menu-bg);border-radius:5px;position:absolute;top:90%;right:10px;transition-duration:.5s;opacity:1}@media(min-width:700px){.nav .menu-close,.nav .menu-open{display:none}}.nav .menu-close li,.nav .menu-open li{list-style-type:none}.nav .menu-close a,.nav .menu-open a{width:96%;height:35px;margin:5px 2%;display:flex;align-items:center;padding:0 10px;text-decoration:none;border-radius:5px;color:var(--theme-text);font-weight:400}.nav .menu-close a:hover,.nav .menu-open a:hover{background-color:var(--menu-item-bg);text-decoration:underline}.nav .menu-close a.router-link-active,.nav .menu-open a.router-link-active{background-color:var(--menu-item-bg)}.nav .menu-close{width:0;max-height:0;opacity:0}.model{width:100%;display:flex;justify-content:center;align-items:center}.model #three-container{background-color:none;width:100%;height:300px;overflow:hidden}@media(max-width:700px){.model #three-container{height:400px}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.model #three-container .loader{width:100px;height:100px;margin:110px auto 0;border:solid 3px var(--border-color);border-radius:50%;border-right-color:transparent;border-bottom-color:transparent;-webkit-transition:all .5s ease-in;-webkit-animation-name:rotate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;transition:all .5s ease-in;animation-name:rotate;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@media(max-width:700px){.model #three-container .loader{width:70px;height:70px;margin-top:50%}}.model .model-cont{width:50%;height:100%;margin:auto}@media(max-width:700px){.model .model-cont{width:100%}}.scroll-to-top-close,.scroll-to-top-open{width:30px;height:30px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--dark-scroll-top);display:flex;justify-content:center;align-items:center;color:var(--theme-text);cursor:pointer;opacity:1;position:fixed;right:10px;bottom:10px;transition-duration:.5s}.scroll-to-top-close svg,.scroll-to-top-open svg{transform:rotate(90deg);color:var(--theme-text)}.scroll-to-top-close{bottom:-20%;opacity:0}.laoding-close,.laoding-open{overflow:hidden;width:40%;height:auto;padding:6px;border-radius:5px;position:fixed;top:10%;left:30%;z-index:10;opacity:1;transition-duration:.5s;background-color:var(--loading-lin);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px var(--shadow-color)}@media(max-width:700px){.laoding-close,.laoding-open{width:90%;left:5%}}.laoding-close P,.laoding-open P{width:100%;color:var(--theme-text);font-size:.8rem;text-align:start;overflow:hidden;margin:5px 0;display:flex;justify-content:space-between}@media(max-width:700px){.laoding-close P,.laoding-open P{font-size:.6rem}}.laoding-close .loader-line,.laoding-open .loader-line{width:100%;height:5px;position:relative;overflow:hidden;background-color:var(--loading-lin-bg);border-radius:20px}.laoding-close .loader-line:before,.laoding-open .loader-line:before{content:"";position:absolute;left:-50%;height:5px;width:40%;background-color:var(--loading-lin-color);animation:lineAnim 1s linear infinite;border-radius:20px}@keyframes lineAnim{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}.laoding-close{top:-20%;opacity:0}.message-error-close,.message-error-open{max-width:70%;min-width:40%;height:60px;border-radius:5px;display:flex;justify-content:start;align-items:center;padding:5px;background-color:var(--error-message-body);border:1px solid var(--error-message-border);position:fixed;bottom:20px;left:10px;opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition-duration:.5s;overflow:hidden}@media(max-width:700px){.message-error-close,.message-error-open{width:90%}}.message-error-close p,.message-error-open p{width:90%;height:100%;color:var(--theme-text);font-size:.8rem}.message-error-close svg,.message-error-open svg{padding:10px;color:var(--theme-text);cursor:pointer;position:absolute;right:5px;top:5px}.message-error-close{left:-50%;opacity:0}.message-success-close,.message-success-open{max-width:70%;min-width:40%;height:60px;border-radius:5px;display:flex;justify-content:start;align-items:center;padding:10px;background-color:var(--success-message-body);border:1px solid var(--success-message-border);position:fixed;bottom:20px;left:10px;opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition-duration:.5s;overflow:hidden}@media(max-width:700px){.message-success-close,.message-success-open{width:90%}}.message-success-close p,.message-success-open p{width:90%;height:100%;color:var(--theme-text);font-size:.8rem}.message-success-close svg,.message-success-open svg{padding:10px;color:var(--theme-text);cursor:pointer;position:absolute;right:5px;top:5px}.message-success-close{left:-50%;opacity:0}.confirm-delete-message-close,.confirm-delete-message-open{width:40%;height:auto;background-color:var(--confirm-form-dark);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;padding:5px;bottom:10px;left:30%;border-radius:5px;opacity:1;transition-duration:.5s;box-shadow:0 0 10px var(--shadow-color)}@media(max-width:700px){.confirm-delete-message-close,.confirm-delete-message-open{width:90%;left:5%}}.confirm-delete-message-close h4,.confirm-delete-message-open h4{width:100%;height:auto;color:var(--theme-text);border:1px solid var(--theme-text);border-color:transparent transparent var(--theme-text) transparent}.confirm-delete-message-close button,.confirm-delete-message-open button{width:100%;height:40px;border:none;border-radius:5px;cursor:pointer;color:var(--theme-text);margin-top:5px;transition-duration:.5s}.confirm-delete-message-close .delete,.confirm-delete-message-open .delete{background-color:var(--confirm-form-red-body);border:1px solid var(--confirm-form-red-border)}.confirm-delete-message-close .delete:hover,.confirm-delete-message-open .delete:hover{background-color:var(--confirm-form-red-border)}.confirm-delete-message-close .cancel,.confirm-delete-message-open .cancel{background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border)}.confirm-delete-message-close .cancel:hover,.confirm-delete-message-open .cancel:hover{background-color:var(--confirm-form-green-border)}.confirm-delete-message-close{bottom:-30%;opacity:0}.app{background-color:var(--theme-bg);width:100%;min-height:100vh;overflow:hidden;transition-duration:.2s}.app .slide-enter-active{animation:slideIn .5s ease-out}.app .slide-leave-active{animation:slideOut .5s ease-in}.home{width:100%;min-height:100vh;padding:10px 0}.home .container{width:40%;min-height:100vh;margin:auto}@media(max-width:700px){.home .container{width:96%;margin:0 2%}}.home .container h1{padding:10px;border-radius:10px;margin:5px 0;color:var(--theme-text);background-color:var(--message-bg);font-size:1rem;text-align:center}.home .container .header{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}@media(max-width:700px){.home .container .header{justify-content:center}}.home .container .header .info{width:75%;height:100%;color:var(--theme-text)}@media(max-width:700px){.home .container .header .info{width:100%}}.home .container .header .info h2{width:100%;height:auto;font-size:40px}.home .container .header .info h4{width:100%;height:auto;font-size:1rem}.home .container .header img{width:100px;height:100px;border-radius:50%;border:3px solid var(--icon-theme-color)}@media(max-width:700px){.home .container .header img{margin:10px}}.home .container .data{width:100%;height:auto;margin:20px 0}.home .container .data h3{width:auto;height:auto;text-decoration:underline;color:var(--theme-text);font-size:1.2rem}.home .container .data p{width:98%;height:auto;margin:3px 1%;color:var(--theme-text);font-size:var(--medium);text-align:justify;position:relative}.home .container .data button{border:none;outline:none;width:30%;height:40px;text-decoration:none;border-radius:5px;font-size:.8rem;margin:10px 35%;cursor:pointer;background-color:var(--blue);color:var(--button-text);transition-duration:.5s}.home .container .data button svg{margin:0 5px}.home .container .data button:hover{background-color:var(--blue-1)}.home .container .data .bio-cont{width:100%;height:auto}.home .container .data .bio-cont p{width:98%;height:auto;margin:3px 1%;color:var(--theme-text);font-size:var(--small)}.home .container .on-the-web h3{width:auto;height:auto;text-decoration:underline;color:var(--theme-text);font-size:var(--large)}.home .container .on-the-web .links-cont{width:100%;height:auto;padding:10px 0;list-style-type:none}.home .container .on-the-web .links-cont li{margin:10px 0}.home .container .on-the-web .links-cont li a{width:auto;list-style-type:none;margin:10px 0;padding:5px 10px;border-radius:5px;color:var(--blue-1);text-decoration:none;margin:10px 5px;cursor:pointer;transition-duration:.5s}.home .container .on-the-web .links-cont li a:hover{background-color:var(--blue-2)}.home .container .email-button{width:100%;height:auto;margin:10px 0;display:flex;justify-content:center;align-items:center}.home .container .email-button a{text-decoration:none;color:var(--button-text);padding:10px 20px;border-radius:5px;cursor:pointer;background-color:var(--blue-1);transition-duration:.5s}.home .container .email-button a:hover{background-color:var(--blue-1-hover)}.work{width:48%;min-height:100px;max-height:400px;margin:10px 1%;cursor:pointer;text-decoration:none}@media(max-width:700px){.work{width:90%;min-height:100px;max-height:300px;margin:20px 5%}}.work img{width:100%;height:auto;border-radius:10px;margin:5px 0;max-height:250px}.work h3{font-weight:600}.work h3,.work p{width:100%;height:auto;color:var(--theme-text);text-align:center}.work p{font-size:var(--x-large);font-weight:500}.works{width:40%;min-height:100vh;margin:auto;color:var(--theme-text)}@media(max-width:700px){.works{width:98%;margin:0 1%}}.works h1{width:100%;height:auto;margin:10px 0;font-size:var(-- 1.5rem);color:var(--theme-text);border:1px solid;border-color:transparent transparent var(--theme-text) transparent}@media(max-width:700px){.works h1{width:90%;margin:5px 5%}}.works .conatiner{display:flex;flex-wrap:wrap;justify-content:start;align-items:center}.install-page,.works .conatiner{width:100%;height:auto}.install-page .container{width:40%;height:auto;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}@media(max-width:700px){.install-page .container{width:96%;margin:0 2%}}.install-page .container button{border:none;outline:none;padding:10px 20px;cursor:pointer;border-radius:5px;background-color:var(--blue-1);color:var(--button-text);transition-duration:.5s}.install-page .container button:hover{background-color:var(--blue)}.install-page .container p{width:90%;height:auto;padding:10px;border-radius:5px;background-color:var(--message-bg);margin:30px 5%;color:var(--theme-text);font-size:1rem;text-align:justify;position:relative;text-align:center}.cv{width:40%;min-height:100vh;padding:0 0 20px 0;margin:auto}@media(max-width:700px){.cv{width:90%;min-height:100px;margin:20px 5%}}.cv h1{color:var(--theme-text);border:1px solid;border-color:transparent transparent var(--theme-text) transparent}.cv h1,.cv img{width:100%;height:auto}.cv img{border-radius:5px;margin:10px 0}.skills-page{width:40%;min-height:100vh;margin:auto;padding-bottom:5px}@media(max-width:700px){.skills-page{width:90%;margin:0 5%}}.skills-page h1{color:var(--theme-text);border:1px solid;border-color:transparent transparent var(--theme-text) transparent}.skills-page .container,.skills-page h1{width:100%;height:auto}.contact-page{width:40%;height:auto;margin:auto;padding-bottom:10px}@media(max-width:700px){.contact-page{width:96%;margin:5px 2%}}.contact-page h1{width:100%;height:auto;color:var(--theme-text);border:1px solid;border-color:transparent transparent var(--theme-text) transparent}.contact-page div{width:100%;height:auto;margin:10px 0;display:flex;flex-wrap:wrap;justify-content:center;padding:10px 0}.contact-page div label{width:100%;height:auto;color:var(--theme-text);border:1px solid;border-color:transparent transparent var(--border-color) transparent}.contact-page div input,.contact-page div textarea{width:100%;height:40px;border:none;border-radius:5px;outline:none;margin:5px 0;padding:0 10px;background-color:var(--input-bg);color:var(--theme-text)}.contact-page div textarea{height:300px;resize:none;padding:10px}.contact-page div button{padding:10px 15px;border:none;margin:10px 0;outline:none;border-radius:5px;cursor:pointer;background-color:var(--blue-1);transition-duration:.5s}.contact-page div button:hover{background-color:var(--blue-2)}.message{margin:5px 0;padding:5px;border-radius:5px;margin:10px 0;background-color:var(--message-bg)}.message,.message h3{width:100%;height:auto}.message h3{padding:3px 0;border:1px solid;color:var(--theme-text);border-color:transparent transparent var(--theme-text) transparent;display:flex;justify-content:space-between;align-items:center}.message h3 span{padding:5px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--error-message-body);border:var(--error-message-border);cursor:pointer;font-size:.8rem}.message .contact-info{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:start;align-items:center}.message .contact-info a{padding:5px 10px;border-radius:5px;text-decoration:none;color:var(--button-color);background-color:var(--blue-1);transition-duration:.5s;margin:4px 4px 4px 0}.message p{width:100%;height:auto;color:var(--theme-text);font-size:.8rem}.message-page{width:40%;height:auto;margin:auto}@media(max-width:700px){.message-page{width:96%;margin:5px 2%}}.message-page h1{width:100%;height:auto;color:var(--theme-text);border:1px solid;border-color:transparent transparent var(--border-color) transparent}.message-page .container{width:100%;height:auto;padding:5px}.log-in-page{width:40%;height:auto;margin:auto;padding:30px 0}@media(max-width:700px){.log-in-page{width:96%;height:auto;margin:10px 2%}}.log-in-page .form{width:90%;height:auto;margin:0 5%;background-color:var(--log-in-bg);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px;border-radius:5px;box-shadow:0 0 10px var(--shadow-color)}.log-in-page .form img{width:100px;height:100px}.log-in-page .form label{width:100%;height:auto;border:1px solid;border-color:transparent transparent var(--theme-text) transparent;color:var(--theme-text);margin:10px 0}.log-in-page .form input{height:40px;border:none;padding:0 10px;outline:none;color:var(--theme-text)}.log-in-page .form .input-cont,.log-in-page .form input{width:100%;border-radius:5px;background-color:var(--input-bg)}.log-in-page .form .input-cont{max-height:40px;position:relative}.log-in-page .form .input-cont input{width:89%;height:40px;margin-left:11%;padding:0 10px;border:none;outline:none;color:var(--theme-text);background-color:none}.log-in-page .form .input-cont svg{position:absolute;left:2px;top:2px;padding:10px;border-radius:5px;color:var(--button-color);background-color:var(--blue-1);cursor:pointer;transition-duration:.5s}.log-in-page .form .input-cont svg:hover,.log-in-page .form button{background-color:var(--blue-1)}.log-in-page .form button{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;margin:10px 0;color:var(--button-color);transition-duration:.5s}.log-in-page .form button:hover{background-color:var(--blue-2)}.work-page{width:40%;min-height:100vh;margin:auto}@media(max-width:700px){.work-page{width:96%;margin:0 2%}}.work-page .video{width:100%;height:auto;border-radius:5px}.work-page .head{width:100%;height:auto;display:flex;justify-content:start;align-items:center}.work-page .head a{width:auto;text-decoration:none;color:var(--link-color);font-size:1rem}.work-page .head a:hover{text-decoration:underline}.work-page .head h3{color:var(--theme-text);margin-left:10px}.work-page .head h3 span{padding:3px;border-radius:3px;font-size:.6rem;background-color:var(--chips-green-body);color:var(--chips-green-text);border:1px solid var(--chips-green-border)}.work-page .description{width:100%;height:auto;color:var(--theme-text);font-size:.8rem;margin:5px 0}.work-page .back-end,.work-page .front-end,.work-page .type{width:100%;height:auto;margin:5px 0;color:var(--theme-text);display:flex;flex-wrap:wrap;justify-content:start;align-items:center}.work-page .back-end p,.work-page .front-end p,.work-page .type p{padding:2px;border-radius:2px;font-size:.8rem;font-weight:800;margin-right:5px;background-color:var(--chips-green-body);color:var(--chips-green-text);border:1px solid var(--chips-green-border)}.work-page .back-end span,.work-page .front-end span,.work-page .type span{font-size:1rem;margin:2px;padding:2px;border-radius:3px;font-size:.8rem;background-color:var(chips-gray-body);border:1px solid var(chips-gray-border);color:var(chips-gray-text)}@media(max-width:700px){.work-page .back-end span,.work-page .front-end span,.work-page .type span{font-size:.8rem}}.work-page .link{width:100%;height:auto;margin:5px 0;display:flex;flex-wrap:wrap;justify-content:start;align-items:center}.work-page .link p{padding:2px;border-radius:2px;font-size:.8rem;font-weight:800;margin-right:5px;background-color:var(--chips-green-body);color:var(--chips-green-text);border:1px solid var(--chips-green-border)}.work-page .link a{color:var(--link-color);text-decoration:none}.work-page .link a:hover{text-decoration:underline}.work-page .images{width:100%;height:auto}.work-page .images img{width:98%;height:auto;margin:5px 1%;border-radius:5px}.skill-page{width:40%;min-height:100vh;margin:auto}@media(max-width:700px){.skill-page{width:96%;margin:0 2%}}.skill-page .header-close,.skill-page .header-open{width:100%;display:flex;justify-content:start;padding-top:0;transition-duration:.5s;opacity:1}.skill-page .header-close img,.skill-page .header-open img{width:100px;height:100px}.skill-page .header-close .info,.skill-page .header-open .info{width:auto;height:100%}.skill-page .header-close .info h2,.skill-page .header-open .info h2{color:var(--theme-text)}.skill-page .header-close .info span,.skill-page .header-open .info span{padding:3px;border-radius:3px;background-color:var(--chips-green-body);color:var(--chips-green-text);border:1px solid var(--chips-green-border);font-size:.6rem}.skill-page .header-close{padding-top:20px;transition-duration:.5s;opacity:0}.skill-page p{width:100%;height:auto;padding:5px 10px;margin:5px 0;color:var(--theme-text);font-size:.8rem}.confirm-form-close,.confirm-form-open{width:50%;max-height:200px;border-radius:10px;position:absolute;top:10px;left:25%;opacity:1;transition-duration:.5s;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:5px;background-color:var(--card-bg);box-shadow:0 0 10px var(--shadow-color)}@media(max-width:700px){.confirm-form-close,.confirm-form-open{width:96%;left:2%}}.confirm-form-close h3,.confirm-form-open h3{width:100%;height:auto;color:var(--theme-text);border-bottom:1px solid var(--border-color)}.confirm-form-close p,.confirm-form-open p{width:100%;height:auto;color:var(--theme-text);margin:5px 0}.confirm-form-close button,.confirm-form-open button{width:100%;height:40px;margin:3px 0;border-radius:5px;outline:none;cursor:pointer;color:var(--theme-text);border:1px solid var(--confirm-form-green-border);background-color:var(--confirm-form-green-body);transition-duration:.5s}.confirm-form-close .delete,.confirm-form-open .delete{border:1px solid var(--confirm-form-red-border);background-color:var(--confirm-form-red-body)}.confirm-form-close .delete:hover,.confirm-form-open .delete:hover{background-color:var(--confirm-form-red-border)}.confirm-form-close .cancel:hover,.confirm-form-open .cancel:hover{background-color:var(--confirm-form-green-border)}.confirm-form-close{top:-50%;opacity:0}.sid-bar{width:20%;height:98vh;background-color:var(--theme-bg);border-radius:5px;margin:5px;transition-duration:.5s;position:relative}@media(max-width:700px){.sid-bar{width:40%;margin:2px}}.sid-bar .icons{width:100%;height:auto;margin:10px 0;display:flex;justify-content:space-between}.sid-bar .icons .theme-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:var(--icon-theme-color);color:var(--theme-text);border-radius:5px;cursor:pointer;transition-duration:.5s;margin:0 5px}.sid-bar .icons .theme-icon svg{font-size:medium}.sid-bar .icons .arrow-icon{position:absolute;right:5px;top:5px;width:40px;height:40px;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:10px;color:var(--theme-text);border:1px solid var(--border-color)}.sid-bar ul{width:98%;height:auto;margin:10px 1%;overflow:hidden}.sid-bar ul li{list-style-type:none}.sid-bar ul a{width:96%;height:35px;margin:5px 2%;cursor:pointer;display:flex;justify-content:start;align-items:center;padding:0 10px;text-decoration:none;border-radius:5px;color:var(--theme-text);font-weight:400}.sid-bar ul #active,.sid-bar ul a:hover{background-color:var(--menu-item-bg)}.sid-bar ul a:hover{text-decoration:underline}.dash-board-page{width:100%;height:100%;margin:auto;background-color:var(--theme-bg);display:flex;overflow:hidden}@media(max-width:700px){.dash-board-page{width:96%;margin:0 2%}}.dash-board-page .section{width:80%;height:96vh;background-color:var(--dash-theme-bg);border-radius:5px;margin:10px 5px 5px 5px;padding:5px 10px;transition-duration:.5s}@media(max-width:700px){.dash-board-page .section{width:60%;margin:2px}}.dash-board-page .section .slide-enter-active{animation:slideIn .5s ease-out}.dash-board-page .section .slide-leave-active{animation:slideOut .5s ease-in}@keyframes slideIn{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}.work-dash{height:auto;width:30%;margin:10px 1.5%;cursor:pointer;text-decoration:none}@media(max-width:700px){.work-dash{width:90%;min-height:100px;max-height:300px;margin:20px 5%}}.work-dash .container{position:relative;width:100%;height:100%}.work-dash .container .count{position:absolute;top:5px;left:5px;padding:3px;border-radius:5px;background-color:var(--card-bg);color:var(--theme-text);font-size:.8rem}.work-dash .container img{width:100%;height:auto;border-radius:10px;max-height:250px}.work-dash h3{font-weight:600}.work-dash h3,.work-dash p{width:100%;height:auto;color:var(--theme-text);text-align:center}.work-dash p{font-size:var(--x-large);font-weight:500}.dash-works{width:100%;height:100%;overflow-y:scroll}.dash-works h1{width:100%;height:auto;border-bottom:1px solid var(--border-color);color:var(--theme-text);display:flex;justify-content:space-between;align-items:center}.dash-works h1 span{font-size:.8rem}.dash-works .works-container{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:start;align-items:center}.dash-works::-webkit-scrollbar{width:0}.dash-info-page{width:100%;height:100%;overflow-y:scroll}.dash-info-page h1{width:100%;height:auto;border-bottom:1px solid var(--border-color);color:var(--theme-text)}.dash-info-page .avatar{max-width:30%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:10px auto}@media(max-width:700px){.dash-info-page .avatar{width:100%}}.dash-info-page .avatar label{width:auto;height:auto;margin:auto;cursor:pointer;display:flex;justify-content:center;align-items:center}.dash-info-page .avatar label img{width:200px;height:200px;border-radius:10px}@media(max-width:700px){.dash-info-page .avatar label img{width:150px;height:150px}}.dash-info-page .avatar button{padding:10px 15px;border:1px solid var(--confirm-form-green-border);background-color:var(--confirm-form-green-body);color:var(--theme-text);cursor:pointer;margin:10px;border-radius:5px;transition-duration:.5s}.dash-info-page .avatar button:hover{background-color:var(--confirm-form-green-border)}.dash-info-page .avatar input{display:none}.dash-info-page .form{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center}.dash-info-page .form label{width:100%;height:auto;border-bottom:1px solid var(--border-color);color:var(--theme-text);margin:5px 0;display:flex;justify-content:space-between;align-items:center}.dash-info-page .form input{height:40px;border:none;border-radius:5px;padding:0 10px}.dash-info-page .form input,.dash-info-page .form textarea{width:100%;outline:none;background-color:var(--input-bg);color:var(--theme-text)}.dash-info-page .form textarea{height:300px;border-radius:none;resize:none;border-radius:5px;padding:10px;border:none}.dash-info-page .form .bio_lines{width:100%;min-height:100px;border-radius:5px;background-color:var(--input-bg);display:flex;flex-wrap:wrap;justify-content:start;align-items:start;padding:5px;margin-top:10px;position:relative}.dash-info-page .form .bio_lines span{padding:3px;border-radius:3px;margin:3px;color:var(--theme-text);background-color:var(--message-bg);cursor:pointer}.dash-info-page .form .bio_lines span svg{padding:5px;border-radius:3px;background-color:var(--dark-icon-theme-color)}.dash-info-page .form .bio_lines #plus{padding:10px;border-radius:3px;color:var(--theme-text);border:1px solid var(--border-color);cursor:pointer;position:absolute;right:3px;bottom:3px}.dash-info-page .form button{padding:10px 15px;border-radius:5px;cursor:pointer;margin:10px 0;background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);color:var(--theme-text);transition-duration:.5s}.dash-info-page .form button:hover{background-color:var(--confirm-form-green-border)}.dash-info-page::-webkit-scrollbar{width:0}.dash-work-page{width:100%;height:100%;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow-y:scroll}@media(max-width:700px){.dash-work-page{width:96%;margin:0 2%}}.dash-work-page .video-cont{width:100%;min-height:300px;max-height:500px;position:relative}.dash-work-page .video-cont .buttons-cont{max-width:100px;min-width:40px;max-height:100%;position:absolute;right:5px;top:5px;display:flex;flex-wrap:wrap;align-items:center;justify-content:end}.dash-work-page .video-cont .buttons-cont label{width:auto;border:none}.dash-work-page .video-cont .buttons-cont input{display:none}.dash-work-page .video-cont .buttons-cont #add,.dash-work-page .video-cont .buttons-cont #delete{padding:5px;border-radius:4px;cursor:pointer;color:var(--theme-text);background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);transition-duration:.5s;margin:5px 0}.dash-work-page .video-cont .buttons-cont #delete{background-color:var(--confirm-form-red-body);border:1px solid var(--confirm-form-red-border)}.dash-work-page .video-cont .buttons-cont #delete:hover{background-color:var(--confirm-form-red-border)}.dash-work-page .video-cont .buttons-cont #add:hover{background-color:var(--confirm-form-green-border)}.dash-work-page .video-cont .video{width:100%;height:auto;border-radius:5px}.dash-work-page .change_cover,.dash-work-page .change_video{width:100%;height:40px;margin:3px 0;border-radius:5px;border:none;outline:none;color:var(--theme-text);background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border)}.dash-work-page .change_cover:hover,.dash-work-page .change_video:hover{background-color:var(--confirm-form-green-border)}.dash-work-page label{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;color:var(--theme-text);border-bottom:1px solid var(--border-color)}.dash-work-page input,.dash-work-page select{height:40px}.dash-work-page input,.dash-work-page select,.dash-work-page textarea{width:100%;border:none;border-radius:5px;outline:none;color:var(--theme-text);margin:5px 0;padding:5px 10px;background-color:var(--input-bg)}.dash-work-page textarea{height:300px;resize:none}.dash-work-page .back_end_cont,.dash-work-page .front_end_cont{width:100%;min-height:200px;border-radius:5px;margin:5px 0;display:flex;flex-wrap:wrap;justify-content:start;align-items:start;background-color:var(--input-bg);padding:5px;position:relative}.dash-work-page .back_end_cont #add_icon,.dash-work-page .front_end_cont #add_icon{padding:5px;border-radius:3px;color:var(--theme-text);cursor:pointer;position:absolute;right:5px;bottom:5px;border:1px solid var(--border-color);background-color:var(--icon-theme-color)}.dash-work-page .back_end_cont span,.dash-work-page .front_end_cont span{padding:3px;border-radius:3px;color:var(--theme-text);margin:3px;background-color:var(--message-bg);cursor:pointer}.dash-work-page .images-cont{width:100%;min-height:100px;margin:5px 0;border-radius:5px;background-color:var(--input-bg);display:flex;flex-wrap:wrap;justify-content:start;align-items:center;padding:5px;position:relative}.dash-work-page .images-cont label{width:auto;height:auto;border:1px solid var(--border-color);position:absolute;right:3px;top:3px;border-radius:3px}.dash-work-page .images-cont label svg{padding:10px;color:var(--theme-text);cursor:pointer}.dash-work-page .images-cont input{display:none}.dash-work-page .images-cont img{max-width:200px;height:auto;margin:5px;cursor:pointer;border-radius:5px}.dash-work-page button{width:100%;height:40px;border-radius:5px;margin:3px 0;border:none;outline:none;color:var(--theme-text);cursor:pointer;background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);transition-duration:.5s}.dash-work-page button:hover{background-color:var(--confirm-form-green-border)}.dash-work-page .delete_work{width:100%;height:40px;border-radius:5px;margin:3px 0;border:none;outline:none;color:var(--theme-text);cursor:pointer;background-color:var(--confirm-form-red-body);border:1px solid var(--confirm-form-red-border);transition-duration:.5s}.dash-work-page .delete_work:hover{background-color:var(--confirm-form-red-border)}.dash-work-page::-webkit-scrollbar{width:0}.skill-component{width:100%;height:auto;border-radius:5px;background-color:var(--card-bg)}.skill-component a{width:100%;height:100%;text-decoration:none;display:flex;margin:5px 0;padding:3px;position:relative}.skill-component a img{max-width:80px;max-height:80px;border-radius:5px}.skill-component a .info{max-width:70%;height:100%;margin:0 10px}.skill-component a .info h3{color:var(--theme-text)}.skill-component a .info p{color:var(--theme-text);font-size:small}.skill-component a span{padding:3px;border-radius:3px;position:absolute;right:5px;top:5px;background-color:var(--card-bg);color:var(--theme-text);font-size:.8rem}.skill-component a span svg{margin:0 3px}.dash-skills{width:100%;height:100%;overflow-y:scroll}.dash-skills h1{width:100%;height:auto;color:var(--theme-text);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.dash-skills h1 span{font-size:.8rem}.dash-skills .skills-section{width:100%;height:auto}.dash-skills::-webkit-scrollbar{width:0}.dash-skill{width:100%;height:100%;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow-y:scroll}.dash-skill .icon-cont{width:100%;min-height:200px;position:relative}.dash-skill .icon-cont label{width:50px;height:40px;border-radius:4px;padding:5px;position:absolute;right:5px;top:5px;cursor:pointer;color:var(--theme-text);background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);transition-duration:.5s;margin:5px 0}.dash-skill .icon-cont input{display:none}.dash-skill .icon-cont img{max-width:100%;max-height:200px}.dash-skill button{width:100%;height:40px;border-radius:5px;margin:3px 0;border:none;outline:none;color:var(--theme-text);cursor:pointer;background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);transition-duration:.5s}.dash-skill button:hover{background-color:var(--confirm-form-green-border)}.dash-skill label{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;color:var(--theme-text);border-bottom:1px solid var(--border-color)}.dash-skill input{height:40px}.dash-skill input,.dash-skill textarea{width:100%;border:none;border-radius:5px;outline:none;color:var(--theme-text);margin:5px 0;padding:5px 10px;background-color:var(--input-bg)}.dash-skill textarea{height:300px;resize:none}.dash-skill .update{width:100%;height:40px;border-radius:5px;margin:3px 0;border:none;outline:none;color:var(--theme-text);cursor:pointer;background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);transition-duration:.5s}.dash-skill .update:hover{background-color:var(--confirm-form-green-border)}.dash-skill .delete{width:100%;height:40px;border-radius:5px;margin:3px 0;border:none;outline:none;color:var(--theme-text);cursor:pointer;background-color:var(--confirm-form-red-body);border:1px solid var(--confirm-form-red-border);transition-duration:.5s}.dash-skill .delete:hover{background-color:var(--confirm-form-red-border)}.dash-skill::-webkit-scrollbar{width:0}.dash-create-work-page{width:100%;height:100%;overflow-y:scroll;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}@media(max-width:700px){.dash-create-work-page{width:96%;margin:0 2%}}.dash-create-work-page .video-cont{width:100%;min-height:300px;max-height:500px;position:relative}.dash-create-work-page .video-cont .buttons-cont{max-width:100px;min-width:40px;max-height:100%;position:absolute;right:5px;top:5px;display:flex;flex-wrap:wrap;align-items:center;justify-content:end}.dash-create-work-page .video-cont .buttons-cont label{width:auto;border:none}.dash-create-work-page .video-cont .buttons-cont input{display:none}.dash-create-work-page .video-cont .buttons-cont #add,.dash-create-work-page .video-cont .buttons-cont #delete{padding:5px;border-radius:4px;cursor:pointer;color:var(--theme-text);background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);transition-duration:.5s;margin:5px 0}.dash-create-work-page .video-cont .buttons-cont #delete{background-color:var(--confirm-form-red-body);border:1px solid var(--confirm-form-red-border)}.dash-create-work-page .video-cont .buttons-cont #delete:hover{background-color:var(--confirm-form-red-border)}.dash-create-work-page .video-cont .buttons-cont #add:hover{background-color:var(--confirm-form-green-border)}.dash-create-work-page .video-cont .video{width:100%;height:auto;border-radius:5px}.dash-create-work-page .change_cover,.dash-create-work-page .change_video{width:100%;height:40px;margin:3px 0;border-radius:5px;border:none;outline:none;color:var(--theme-text);background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border)}.dash-create-work-page .change_cover:hover,.dash-create-work-page .change_video:hover{background-color:var(--confirm-form-green-border)}.dash-create-work-page label{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;color:var(--theme-text);border-bottom:1px solid var(--border-color)}.dash-create-work-page input,.dash-create-work-page select{height:40px}.dash-create-work-page input,.dash-create-work-page select,.dash-create-work-page textarea{width:100%;border:none;border-radius:5px;outline:none;color:var(--theme-text);margin:5px 0;padding:5px 10px;background-color:var(--input-bg)}.dash-create-work-page textarea{height:300px;resize:none}.dash-create-work-page .back_end_cont,.dash-create-work-page .front_end_cont{width:100%;min-height:200px;border-radius:5px;margin:5px 0;display:flex;flex-wrap:wrap;justify-content:start;align-items:start;background-color:var(--input-bg);padding:5px;position:relative}.dash-create-work-page .back_end_cont #add_icon,.dash-create-work-page .front_end_cont #add_icon{padding:5px;border-radius:3px;color:var(--theme-text);cursor:pointer;position:absolute;right:5px;bottom:5px;border:1px solid var(--border-color);background-color:var(--icon-theme-color)}.dash-create-work-page .back_end_cont span,.dash-create-work-page .front_end_cont span{padding:3px;border-radius:3px;color:var(--theme-text);margin:3px;background-color:var(--message-bg);cursor:pointer}.dash-create-work-page .images-cont{width:100%;min-height:100px;margin:5px 0;border-radius:5px;background-color:var(--input-bg);display:flex;flex-wrap:wrap;justify-content:start;align-items:center;padding:5px;position:relative}.dash-create-work-page .images-cont label{width:auto;height:auto;border:1px solid var(--border-color);position:absolute;right:3px;top:3px;border-radius:3px}.dash-create-work-page .images-cont label svg{padding:10px;color:var(--theme-text);cursor:pointer}.dash-create-work-page .images-cont input{display:none}.dash-create-work-page .images-cont img{max-width:200px;height:auto;margin:5px;cursor:pointer;border-radius:5px}.dash-create-work-page button{padding:10px 15px;border-radius:5px;margin:10px 0;border:none;outline:none;color:var(--theme-text);cursor:pointer;background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);transition-duration:.5s}.dash-create-work-page button:hover{background-color:var(--confirm-form-green-border)}.dash-create-work-page::-webkit-scrollbar{width:0}.dash-create-skill{width:100%;height:100%;overflow-y:scroll;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.dash-create-skill .icon-cont{width:100%;min-height:200px;position:relative}.dash-create-skill .icon-cont label{width:50px;height:40px;border-radius:4px;padding:5px;position:absolute;right:5px;top:5px;cursor:pointer;color:var(--theme-text);background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);transition-duration:.5s;margin:5px 0}.dash-create-skill .icon-cont input{display:none}.dash-create-skill .icon-cont img{max-width:100%;max-height:200px}.dash-create-skill button{width:100%;height:40px;border-radius:5px;margin:3px 0;border:none;outline:none;color:var(--theme-text);cursor:pointer;background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);transition-duration:.5s}.dash-create-skill button:hover{background-color:var(--confirm-form-green-border)}.dash-create-skill label{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;color:var(--theme-text);border-bottom:1px solid var(--border-color)}.dash-create-skill input{height:40px}.dash-create-skill input,.dash-create-skill textarea{width:100%;border:none;border-radius:5px;outline:none;color:var(--theme-text);margin:5px 0;padding:5px 10px;background-color:var(--input-bg)}.dash-create-skill textarea{height:300px;resize:none}.dash-create-skill .create{width:100%;height:40px;border-radius:5px;margin:3px 0;border:none;outline:none;color:var(--theme-text);cursor:pointer;background-color:var(--confirm-form-green-body);border:1px solid var(--confirm-form-green-border);transition-duration:.5s}.dash-create-skill .create:hover{background-color:var(--confirm-form-green-border)}.dash-create-skill .delete{width:100%;height:40px;border-radius:5px;margin:3px 0;border:none;outline:none;color:var(--theme-text);cursor:pointer;background-color:var(--confirm-form-red-body);border:1px solid var(--confirm-form-red-border);transition-duration:.5s}.dash-create-skill .delete:hover{background-color:var(--confirm-form-red-border)}.dash-create-skill::-webkit-scrollbar{width:0}.dash-cv{width:100%;height:100%;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow-y:scroll}.dash-cv h1{width:100%;height:auto;border-bottom:1px solid var(--border-color);color:var(--theme-text)}.dash-cv .container{width:100%;min-height:500px;position:relative;margin:5px 0}.dash-cv .container label{width:auto;height:auto;position:absolute;right:5px;top:5px;cursor:pointer}.dash-cv .container label svg{padding:10px;border-radius:3px;color:var(--theme-text);border:1px solid var(--border-color);background-color:var(--card-bg)}.dash-cv .container input{display:none}.dash-cv .container img{width:100%;height:auto;border-radius:5px}.dash-cv button{padding:10px 15px;border-radius:5px;margin:10px 0;border:1px solid var(--confirm-form-green-border);background-color:var(--confirm-form-green-body);color:var(--theme-text);cursor:pointer;transition-duration:.5s}.dash-cv button:hover{background-color:var(--confirm-form-green-border)}.dash-cv::-webkit-scrollbar{width:0}:root{--theme-bg:#f7ede0;--nav-bg:#f7ede065;--dash-theme-bg:#ebdece;--theme-text:#000;--border-color:rgba(27,27,27,.733);--scroll-top:hsla(34,27%,69%,.918);--menu-bg:#fff;--log-in-bg:#f7f7f7;--card-bg:#ffffff71;--input-bg:hsla(0,0%,87%,.411);--message-bg:#e7d7c281;--menu-item-bg:#f0e7db;--confirm-form-bg:#ffffff21;--loading-bg:#ffffff50;--loading-lin-bg:#ddd;--loading-lin-color:#805ad5;--chips-bg:#5f5f5f;--chips-green-border:rgba(1,155,1,.658);--chips-green-body:#02640265;--chips-green-text:#005f20bb;--chips-gray-border:#3a3a3af5;--chips-gray-body:#49494994;--chips-gray-text:#1b1b1bbb;--icon-theme-color:#fbd38d;--link-color:#0350f7;--blue:#81e6d9;--blue-1:#5fada4;--blue-2:#98cfc944;--error-message-body:rgba(231,63,63,.719);--error-message-border:rgba(230,48,48,.829);--success-message-body:rgba(47,177,36,.555);--success-message-border:rgba(90,241,60,.719);--confirm-form-red-body:rgba(231,63,63,.719);--confirm-form-red-border:rgba(230,48,48,.829);--confirm-form-green-body:rgba(47,177,36,.555);--confirm-form-green-border:rgba(53,172,29,.719);--green:green;--red:rgba(255,0,0,.733);--black:#000;--shadow-color:#747474}[data-theme=dark]{--theme-bg:#202020;--nav-bg:#2020208c;--dash-theme-bg:#2c2c2c;--theme-text:#fff;--border-color:hsla(0,0%,66%,.548);--scroll-top:#1212137c;--menu-bg:#2d3748;--log-in-bg:#202225;--card-bg:#3d414946;--input-bg:#1a1919ec;--message-bg:#313134;--menu-item-bg:#2a303b;--confirm-form-bg:#2d37482c;--loading-bg:#343a4462;--loading-lin-bg:#4d4d4d;--chips-bg:#333;--chips-green-border:#019b0136;--chips-green-body:#0264022d;--chips-green-text:#11da54bb;--chips-gray-border:#525252f5;--chips-gray-body:#41414194;--chips-gray-text:#a1a1a1bb;--icon-theme-color:#805ad5;--link-color:#ad0a64;--blue-1:#81e6d9;--blue-2:#bcf0e944;--shadow-color:#000}.not-found-page{width:40%;min-height:100vh;margin:auto}@media(max-width:700px){.not-found-page{width:96%;margin:0 2%}}.not-found-page .container{width:100%;height:auto;padding:10px 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.not-found-page .container h1,.not-found-page .container p{width:100%;height:auto;color:var(--theme-text)}.not-found-page .container p{margin:5px 0;border-bottom:1px solid var(--border-color)}.not-found-page .container a{padding:10px 15px;border-radius:5px;margin:10px 0;border:none;outline:none;text-decoration:none;color:var(--button-text);font-weight:700;background-color:var(--blue)}*{box-sizing:border-box;padding:0;margin:0}body{width:100%;min-height:100vh;font-family:M PLUS Rounded\ 1c,sans-serif}