@font-face{font-family:"AlbertSans";src:url("../fonts/AlbertSans-Regular.woff2") format("woff2"),url("../fonts/AlbertSans-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"AlbertSans";src:url("../fonts/AlbertSans-Bold.woff2") format("woff2"),url("../fonts/AlbertSans-Bold.woff") format("woff");font-weight:700;font-style:normal}body{font-family:"Albert Sans",sans-serif}@media screen and (min-width: 1200px){body{font-size:20px}}body{background-color:#fff4e4}footer{background-color:#e65a1e;margin-top:100px}footer .visually-hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}footer #footer-text{margin-top:20px}footer #footer-nav ul{list-style:none;margin:20px 0;padding:0;display:flex;justify-content:center;align-items:center;gap:40px}footer #footer-nav ul li{margin:15px 0}footer #footer-nav ul li a{color:#fff;text-decoration:none;font-size:14px;font-weight:600}footer #footer-nav ul li a:hover{border-bottom:2px solid #fff;transition:border-bottom .2s ease-in-out}footer #footer-hr{width:100%;border:none;border-bottom:.5px solid #fff;margin-top:50px}footer #contact-info{background-color:#292624}footer p#copyrights{text-align:center;color:#fff;font-size:14px;margin-top:40px}footer #icons{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;margin-bottom:30px}footer img.social-icon{height:25px;width:auto}footer #footer-message{text-align:center;margin-top:80px}footer #footer-message p{font-size:18px;font-weight:700;color:#fff}footer #footer-message a{color:#e65a1e;background-color:#fff4e4;text-decoration:none;font-weight:500;padding:20px 40px;margin:15px 0;display:inline-block;border-radius:5px}footer #footer-message a:hover{color:#fff;background-color:#292624;transition:all .2s ease-in-out}.dark-footer{background-color:#fff4e4}.dark-footer #footer-nav ul li a{color:#292624}.dark-footer #footer-nav ul li a:hover{border-bottom:2px solid #292624}.dark-footer #footer-message p{color:#292624}.dark-footer #footer-message a{color:#fff;background-color:#292624;text-decoration:none;font-weight:500;padding:20px 40px;margin:10px 0;display:inline-block;border-radius:5px}.dark-footer #footer-message a:hover{background-color:#e65a1e}.dark-footer #footer-hr{border-bottom:.5px solid #292624}.dark-footer #contact-info{background-color:#e65a1e}@media screen and (min-width: 768px){footer #footer-nav ul li a{font-size:18px}footer #footer-nav ul{gap:60px}footer #footer-message p{font-size:23px}}.skip{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{position:static;width:auto;height:auto}header{position:fixed;z-index:900;width:100%;background:hsla(0,0%,100%,.086);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}header #header-logo,header #menu-show img{height:40px;width:auto;margin-top:20px;margin-bottom:20px}header #menu-show{display:flex;justify-content:end;cursor:pointer}header input#hamburger{display:none}header #header-nav nav ul{list-style:none}header #header-nav nav ul li a{text-decoration:none;color:#fff;font-size:32px;font-weight:900;transform:scale(1);transition:scale .3s ease-in-out}header #header-nav nav ul li{margin:25px 0}header #header-nav{position:fixed;top:0;right:0;height:100vh;height:100svh;width:100%;background-color:#292624;opacity:0;transform:translateX(100vw);pointer-events:none;visibility:hidden}header input#hamburger:checked~#header-nav{transform:translateX(0);pointer-events:auto;visibility:visible;opacity:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out}header #header-nav-close{font-weight:900;font-size:32px;color:#fff;display:flex;justify-content:end;margin-right:30px;margin-top:30px;cursor:pointer}.coral-header{background-color:#e65a1e}.coral-header #header-logo,.coral-header #menu-show img{margin-bottom:10px}.dark-header{background-color:#292624;top:0;left:0}.dark-header #header-nav{background-color:#fff4e4}.dark-header #header-nav nav ul li a{color:#292624}.dark-header #header-nav-close{color:#292624}@media screen and (min-width: 768px){header #mob-menu,header #header-nav-close{display:none}header #header-logo{height:50px;width:auto;margin-top:20px}header #header-nav nav ul li{margin:20px 0}header #header-nav{opacity:1;transform:translateX(0);background-color:rgba(0,0,0,0);position:static;height:auto;width:auto;transition:none;pointer-events:auto;visibility:visible}header #header-nav nav ul{display:flex;gap:40px;align-items:center;justify-content:flex-end;margin-right:20px}header #header-nav nav ul li a{color:#292624;font-size:20px;position:relative;text-decoration:none}header #header-nav nav ul li a::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:4px;background:#292624;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}header #header-nav nav ul li a:hover::after{transform:scaleX(1)}.dark-header #header-nav nav ul li a{color:#fff}.dark-header #header-nav nav ul li a:hover{border-bottom:4px solid #fff}.dark-header #header-nav{background-color:rgba(0,0,0,0)}.coral-header #header-logo,.coral-header #menu-show img{margin-bottom:0}.coral-header #header-nav ul li a{color:#fff}.coral-header #header-nav ul li a:hover{border-bottom:4px solid #fff}}@media screen and (min-width: 1200px){header #header-nav nav ul{gap:80px}}:root{--plyr-color-main: #e65a1e}.dark-body{color:#fff;background-color:#292624}#contact{margin:130px auto;position:relative}#contact h3{font-size:50px;text-transform:uppercase;font-weight:900;text-align:center}#contact p#sub-title{text-align:center;margin-bottom:70px}#contact #contactform-box{text-transform:uppercase;padding:20px;box-sizing:border-box}#contact #contactform-box input{height:45px;width:100%;margin-bottom:20px;margin-top:5px;font-family:"Albert Sans",sans-serif;color:#fff}#contact input::-moz-placeholder{color:#a1a1a1}#contact input::placeholder{color:#a1a1a1}#contact #contactform-box textarea{width:100%;background-color:rgba(0,0,0,0);outline:none;margin-bottom:20px;margin-top:20px;height:230px;font-family:"Albert Sans",sans-serif;border:1px solid #fff;color:#fff}#contact textarea::-moz-placeholder{color:#a1a1a1;padding-top:5px;padding-left:5px}#contact textarea::placeholder{color:#a1a1a1;padding-top:5px;padding-left:5px}#contact #contactform-box p{margin:10px 0}#contact .input-title{font-size:24px;font-weight:900}#contact .input-box{background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;outline:none}#contact select{display:block;width:100%;height:45px;margin-bottom:20px;margin-top:5px;font-family:"Albert Sans",sans-serif;color:#a1a1a1}#contact select select option[value=branding],#contact select select option[value=web-design],#contact select select option[value=web-development],#contact select select option[value=others]{color:#fff !important}#contact input#submit-btn{background-color:#fff;color:#292624;outline:none;height:60px;margin-top:30px;font-size:20px;border:none;border-radius:10px}#feedback{margin:10px auto}@media screen and (min-width: 768px){input#submit-btn{transform:scale(1);transition:all .3s ease-in-out}input#submit-btn:hover{transform:scale(1.05);filter:drop-shadow(5px 5px rgba(30, 30, 30, 0.235))}}html{scroll-behavior:smooth}#hero{position:relative;z-index:-1}#hero .identity{color:#e65a1e;font-size:25px;margin-top:80px}#hero .identity span{font-family:"Genica";font-size:70px}#hero #charactors{display:flex;align-items:end;margin-top:100px;height:350px;justify-content:center}#hero #charactors #charactor-1{width:120px;height:340px;background:linear-gradient(135deg, #7dff8a 0%, #35d46a 40%, #12b35a 70%, #0c8f47 100%);position:relative;animation:char1-body 15s ease-in-out infinite,char1-squish 15s ease-in-out infinite;transform-origin:bottom}#hero #charactors #charactor-1::after{content:"";position:absolute;width:50px;height:10px;background:hsla(0,0%,100%,.2);border-radius:50%;top:10%;left:20%;transform:rotate(-20deg)}#hero #charactors #charactor-1 .eyes{display:flex;gap:5px;position:absolute;top:20%;left:12%;animation:char1-eyes 15s ease-in-out infinite}#hero #charactors #charactor-1 .eyes div{width:7px;height:7px;border:2px solid #fff;border-radius:30px;animation:char1-eyes-height 15s ease-in-out infinite}#hero #charactors #charactor-1 .mouth{height:1px;width:40px;border:2px solid #fff;border-radius:30px;position:absolute;top:28%;left:25%;animation:char1-mouth 15s ease-in-out}#hero #charactors #charactor-2{margin-left:-20px}#hero #charactors #charactor-2 .bottom{display:flex}#hero #charactors #charactor-2 .bottom div{width:60px;height:60px;border-radius:150px;background-color:rgba(223,60,191,.778);animation:char2-body-bottom 15s ease-in-out infinite}#hero #charactors #charactor-2 .top{width:120px;height:90px;border-radius:150px;background-color:rgba(223,60,191,.778);position:relative;animation:char2-body-top 15s ease-in-out infinite}#hero #charactors #charactor-2 .top .eyes{display:flex;gap:5px;position:absolute;top:20%;left:45%;animation:char2-eyes 15s ease-in-out infinite}#hero #charactors #charactor-2 .top .eyes div{width:5px;height:5px;background-color:#fff;border-radius:30px}#hero #charactors #charactor-2 .top .mouth{height:2px;width:80px;background-color:#fff;border-radius:150px;position:absolute;top:35%;left:20%;animation:char2-mouth 15s ease-in-out infinite}#hero #charactors #charactor-3{width:120px;height:230px;border-radius:80px;background-color:rgba(19,43,165,.814);margin-left:-20px;position:relative;animation:char3-body 10s ease-in-out infinite}#hero #charactors #charactor-3::before{content:"";position:absolute;width:20px;height:32px;background:inherit;border-radius:50%;top:-28px;left:40px;transform:rotate(-30deg)}#hero #charactors #charactor-3::after{content:"";position:absolute;width:20px;height:45px;background:inherit;border-radius:50%;top:-38px;left:61px;transform:rotate(30deg)}#hero #charactors #charactor-3 .eyes{display:flex;gap:5px;position:absolute;top:15%;left:45%;animation:char3-eyes 10s ease-in-out infinite}#hero #charactors #charactor-3 .eyes div{width:8px;height:25px;border:2px solid #fff;border-radius:30px;animation:char3-eyes-height 10s ease-in-out infinite}#hero #charactors #charactor-3 .mouth{height:1px;width:20px;border:2px solid #fff;border-radius:30px;position:absolute;top:30%;left:40%;animation:char3-mouth 10s ease-in-out infinite}#hero #charactors #charactor-4{margin-left:-20px}#hero #charactors #charactor-4 .bottom{width:120px;height:70px;border-radius:80px;background-color:rgba(255,128,0,.87);animation:char4-body-bottom 25s ease-in-out infinite;position:relative}#hero #charactors #charactor-4 .bottom::after{content:"";position:absolute;width:30px;height:40px;background:hsla(0,0%,100%,.2);border-radius:50%;top:75%;left:20%;transform:rotate(-30deg)}#hero #charactors #charactor-4 .top{width:120px;height:140px;border-radius:80px;background-color:rgba(255,128,0,.87);position:relative;animation:char4-body-top 25s ease-in-out infinite}#hero #charactors #charactor-4 .top .eyes{display:flex;gap:5px;position:absolute;top:30%;left:60%;animation:char4-eyes 25s ease-in-out infinite}#hero #charactors #charactor-4 .top .eyes div{width:8px;height:8px;border:2px solid #fff;border-radius:30px;animation:char4-eyes-height 25s ease-in-out infinite}#hero #charactors #charactor-4 .top .mouth{height:1px;width:60px;border:2px solid #fff;border-radius:30px;position:absolute;top:20%;left:25%;animation:char4-mouth 25s ease-in-out infinite}#my-skills{background-color:#292624;color:#fff}#my-skills #skill-con{padding-top:100px}#my-skills #skill-con .skill p.num_name{font-size:20px;text-transform:uppercase}#my-skills .skill-title p.num_name:first-child{width:20px}#my-skills .skill{display:flex;flex-direction:column;align-items:flex-start;margin:40px 0}#my-skills .skill-title{display:flex;gap:40px}#my-skills #skill-con .skill p.skill_list{margin-top:10px;margin-left:61px}#my-skills #player-container{margin:80px 0}#my-skills video{border-radius:15px}#all,#graphic-design,#motion-design,#development{border:2px solid #292624;padding:10px 25px;font-size:18px;border-radius:40px;margin:20px 5px;color:#292624;cursor:pointer;transition:all .3s ease-in-out}#all:hover,#graphic-design:hover,#motion-design:hover,#development:hover{background-color:#292624;color:#fff;transform:translateY(-5px)}#work-show{background-color:#292624;color:#fff}#work-show h2#section-title{font-size:40px;margin:50px auto 20px auto}#work-show #work-button button{color:#fff;border:1px solid #fff;background-color:rgba(0,0,0,0)}#work-show #work-button button:hover{color:#292624;background-color:#fff}#work-show .work-con{margin:50px auto}#work-show .work-con a{color:#fff;text-decoration:none}#work-show .work-con a #img-box{width:100%;height:auto;overflow:hidden}#work-show .work-con a:hover img{transform:scale(1.05)}#work-show .work-con a img{transition:all .3s ease-in-out}#work-show .work-con a h3.work-title{font-size:20px;font-weight:600;text-align:left}#work-show .work-con a p.category{font-size:14px;margin-top:10px;text-align:left}.work-con.even{transform:translateY(0)}#about-card{padding:150px 0}#about-card p#who{font-size:40px;color:#e65a1e;font-weight:700}#about-card p{margin-top:15px}#about-card a{background-color:#e65a1e;color:#fff;text-decoration:none;padding:10px 20px;margin:20px 0 10px 0;display:inline-block;width:auto;border-radius:5px}#about-card a:hover{background-color:#292624;transform:scale(1.05);transition:all .2s ease-in-out}#about-card img{padding:20px 30px 0px 0;filter:drop-shadow(30px 30px #292624);height:200px;width:auto}@media screen and (min-width: 768px){#charactor-1,#charactor-2 .top,#charactor-3,#charactor-4,#charactor-4 .bottom,#charactor-4 .top,#charactor-5,#charactor-6{width:140px}#charactors #charactor-5{margin-left:-20px;width:140px;height:140px;border-radius:150px;background:linear-gradient(135deg, #c79bff 0%, #9a5bff 40%, #6e2eff 70%, #4a19c9 100%);position:relative;animation:char5-body 15s ease-in-out infinite;transform-origin:bottom;z-index:-1}#charactors #charactor-5::before{content:"";position:absolute;width:30px;height:30px;background:inherit;border-radius:50%;top:-30px;left:60px;transform:rotate(-30deg)}#charactors #charactor-5::after{content:"";position:absolute;width:60px;height:30px;background:hsla(0,0%,100%,.2);border-radius:50%;top:10%;left:20%}#charactors #charactor-5 .eyes{display:flex;gap:5px;position:absolute;top:20%;left:50%;animation:char5-eyes 15s ease-in-out infinite}#charactors #charactor-5 .eyes div{width:7px;height:7px;border:2px solid #fff;border-radius:30px}#charactors #charactor-5 .mouth{height:20px;width:20px;background-color:#fff;border-radius:30px;position:absolute;top:33%;left:50%;animation:char5-mouth 15s ease-in-out infinite}#charactors #charactor-6{margin-left:-20px;width:140px;height:350px;border-radius:150px;background:linear-gradient(135deg, #ff8a8a 0%, #ff4a4a 40%, #e02121 70%, #b81414 100%);position:relative;animation:char6-body 15s ease-in-out infinite;transform-origin:bottom;z-index:-2}#charactors #charactor-6::after{content:"";position:absolute;width:20px;height:20px;background:hsla(0,0%,100%,.2);border-radius:50%;top:10%;left:20%}#charactors #charactor-6 .eyes{display:flex;gap:5px;position:absolute;top:20%;left:50%;animation:char6-eyes 15s ease-in-out infinite}#charactors #charactor-6 .eyes div{width:10px;height:20px;border:2px solid #fff;border-radius:30px;animation:char6-eyes-height 15s ease-in-out infinite}#charactors #charactor-6 .mouth{height:20px;width:50px;background-color:#fff;border-radius:30px;position:absolute;top:33%;left:40%;animation:char6-mouth 15s ease-in-out infinite}#my-skills h3{margin-right:90px}#my-skills #skill-con{display:flex;justify-content:space-between}#my-skills #center-play-button{top:45%;left:45%}#about-card{padding:200px 0}#about-card h3{font-size:45px;margin-top:40px}#about-card a{font-size:18px;padding:15px 25px;margin:20px 0 10px 0}#about-card img{height:auto;width:auto}}@media screen and (min-width: 1200px){#hero #charactors #charactor-1,#hero #charactors #charactor-2 .top,#hero #charactors #charactor-3,#hero #charactors #charactor-4,#hero #charactors #charactor-4 .bottom,#hero #charactors #charactor-4 .top,#hero #charactors #charactor-5,#hero #charactors #charactor-6{width:200px}#hero #charactors #charactor-2 .bottom div{width:100px}#my-skills h3{margin-right:80px}}#about-me h2#title{font-size:50px;font-weight:900;margin:150px 0 30px 0}#about-me h2.introduce{font-size:24px}#about-me #about-img{border-radius:5px;margin:0 20px 30px 20px}#about-me p{margin-bottom:50px}#about-me #my-story p{font-size:15px;line-height:20px;padding:0 10px}#about-me #bio p#name{margin-left:5px;font-size:18px;font-weight:700;margin-bottom:5px}#about-me #bio p{font-size:15px;line-height:20px;margin-left:5px;color:#2f2f2f}#about-me hr{border:none;border-top:2px solid #e65a1e;margin-bottom:20px}#resume{margin:40px auto}#resume a{text-decoration:none;display:block;background-color:#e65a1e;color:#fff;padding:20px 50px;border-radius:10px;transform:scale(1);transition:all .3s ease-in-out}#resume a:hover{transform:scale(1.05)}@media screen and (min-width: 768px){#my-story p{margin-top:20px}#bio h5{margin-left:5px;font-size:20px;margin-bottom:5px}}@media screen and (min-width: 1200px){#about-me h2#title{font-size:70px;font-weight:900;margin:150px 0 50px 0;color:#2d2d2d}#about-me #about-img{border-radius:5px;margin-bottom:60px}#about-me h2.introduce{margin:10px 0 10px 0;font-size:35px}}#intro{margin-bottom:50px}#intro #project-name{font-size:45px;font-weight:700;margin:0 20px 15px 20px;padding-top:150px}#intro .project-type{margin:0 20px 40px 20px}#intro .summary{margin:50px 20px}#intro .summary p:last-child{margin-top:25px}#intro a#website{color:#000;margin:0 20px 50px 20px}#intro #period{margin:20px}#intro #period,#intro #role,#intro #tools{margin:0 20px 5px 20px;font-size:12px;color:#5c5c5c}#intro .details{margin:0 20px 20px 20px;line-height:25px}#intro .copyrights{margin:20px 20px 40px 20px;font-size:13px}.project-imags img{border-radius:5px;display:block;margin:10px auto}#challenge-solution{background-color:#292624;color:#fff;padding:50px 0 100px 0}#challenge-solution #challenges,#challenge-solution #solution{margin-bottom:80px;text-align:center}#challenge-solution #challenges h3,#challenge-solution #solution h3{margin-bottom:10px;margin-top:20px;font-size:30px}#challenge-solution #challenges p,#challenge-solution #solution p{margin:0 20px;text-align:center}#challenge-solution #solution{margin-top:50px}#result{margin:50px 0 100px 0}#result #result-text h3{margin-bottom:10px;margin-top:20px;font-size:30px;text-align:center}#result #result-text p{margin:0 20px 40px 20px;text-align:center}#learnings{margin:10px 0 100px 0}#learnings #learning-text h3{margin-bottom:10px;margin-top:20px;font-size:30px;text-align:center}#learnings #learning-list{margin-bottom:50px}#learnings #learning-list .list{display:flex;margin:30px 20px;gap:30px}#learnings #learning-list .list span{font-size:24px;font-weight:600}#learnings #learning-list hr{border:.5px solid #292624;margin:20px}#video-production #video h3{margin-bottom:10px;margin-top:20px;font-size:30px;text-align:center}#video-production #video p{margin:0 20px 60px 20px;text-align:center}#other-projects{margin:100px 0}#other-projects h2{color:#e65a1e;margin:20px 20px 20px 10px;font-size:30px}.other-project-carousel{display:flex;gap:20px;overflow-x:auto;padding:10px;flex-wrap:nowrap;scroll-behavior:smooth}.other-project-carousel .carousel-item{background-color:#292624;width:270px;color:#fff;flex:0 0 auto;text-decoration:none;border-radius:10px;transform:scale(1);transition:all .3s ease-in-out}.other-project-carousel .carousel-item:hover{transform:scale(1.05)}.other-project-carousel .carousel-item img{width:100%;padding:15px;height:auto}.other-project-carousel .carousel-item h3{font-size:20px;text-align:center}.other-project-carousel .carousel-item p{text-align:center;font-size:12px;margin:5px auto 20px auto}@media screen and (min-width: 768px){#project-info{margin-top:50px}.other-project-carousel .carousel-item{width:350px}}#error-box{display:flex;justify-content:flex-start;align-items:center;gap:20px;background-color:#dd2525;color:#fff;margin:20px auto;border-radius:20px;width:400px;text-transform:lowercase}#error-box img{height:40px;width:auto;margin-left:15px;margin-top:5px}#error-box #error-title{font-size:20px;font-weight:bold;margin-bottom:5px;margin-top:30px}#error-box #error-title::first-letter{text-transform:uppercase}#error-box #error-detail{margin-bottom:30px}#error-box #error-detail::first-letter{text-transform:uppercase}#error-close-btn{align-self:flex-start;margin-top:5px}#error-close-btn a{color:#fff;text-decoration:none;font-size:24px}#succsess-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#292624;backdrop-filter:blur(2px);z-index:999;display:flex;justify-content:center;align-items:center}#success-box #success-icon{text-align:center;margin-top:0}#success-box img{height:50px;margin-bottom:0;margin-top:15px}#success-box #success-title{font-size:20px;font-weight:bold;margin:10px 0}#success-box #success-close-btn{text-align:center;margin-top:50px}#success-box #success-close-btn a{color:#fff;background-color:#e65a1e;padding:20px 40px;border-radius:10px;text-decoration:none;font-weight:500;font-size:18px}@media screen and (min-width: 768px){#error-box{width:500px;gap:30px}#error-box img{margin-left:30px;height:50px}#error-box #error-text{padding-right:20px}#error-box #error-title{font-size:22px}#error-box #error-detail{font-size:18px}#success-box img{height:60px}#success-box #success-title{font-size:22px}#success-box #success-detail{font-size:18px}}@media screen and (min-width: 1200px){#error-box{width:600px;gap:40px}#error-box img{margin-left:45px;height:60px}#error-box #error-text{padding-right:65px}#error-box #error-title{font-size:24px}#success-box img{height:70px}#success-box #success-title{font-size:24px}}@keyframes char1-body{0%{height:340px;border-radius:50% 50% 45% 55%/55% 45% 55% 45%}10%{height:340px}15%{height:130px;border-radius:60% 40% 55% 45%/50% 60% 40% 50%}40%{height:130px}45%{height:420px;border-radius:45% 55% 50% 50%/60% 40% 60% 40%}70%{height:420px}75%{height:200px;border-radius:55% 45% 60% 40%/45% 55% 45% 55%}95%{height:200px}100%{height:340px;border-radius:50% 50% 45% 55%/55% 45% 55% 45%}}@keyframes char1-squish{0%{transform:scaleX(1)}10%{transform:scaleX(1)}15%{transform:scaleX(1.2)}40%{transform:scaleX(1.2)}45%{transform:scaleX(0.9)}70%{transform:scaleX(0.9)}75%{transform:scaleX(1.1)}95%{transform:scaleX(1.1)}100%{transform:scaleX(1)}}@keyframes char1-eyes{0%{left:12%}10%{left:12%}15%{left:60%}40%{left:60%}45%{left:20%}70%{left:20%}75%{left:40%}95%{left:40%}100%{left:12%}}@keyframes char1-eyes-height{0%{height:7px}10%{height:7px}15%{height:7px}40%{height:7px}45%{height:25px}70%{height:25px}75%{height:10px}95%{height:10px}100%{height:7px}}@keyframes char1-mouth{0%{left:25%;top:28%;width:40px}10%{left:25%;top:28%;width:40px}15%{left:20%;top:33%;width:70px}40%{left:20%;top:33%;width:70px}45%{left:45%;top:28%;width:40px}70%{left:45%;top:28%;width:40px}75%{left:35%;top:28%;width:25px}95%{left:35%;top:28%;width:25px}100%{left:25%;top:28%;width:40px}}@keyframes char2-body-bottom{0%{height:40px}30%{height:40px}35%{height:130px}60%{height:130px}65%{height:70px}95%{height:70px}100%{height:40px}}@keyframes char2-body-top{0%{height:90px}30%{height:90px}35%{height:160px}60%{height:160px}65%{height:130px}95%{height:130px}100%{height:90px}}@keyframes char2-eyes{0%{left:45%}15%{left:45%}20%{left:15%}40%{left:15%}45%{left:70%}60%{left:70%}65%{left:45%}75%{left:45%}80%{left:60%}95%{left:60%}100%{left:45%}}@keyframes char2-mouth{0%{left:20%;top:35%;height:3px;width:80px}15%{left:20%;top:35%;height:3px;width:80px}20%{left:10%;top:35%;height:3px;width:40px}40%{left:10%;top:35%;height:3px;width:40px}45%{left:60%;top:30%;height:25px;width:25px}60%{left:60%;top:30%;height:25px;width:25px}65%{left:35%;top:35%;height:3px;width:60px}75%{left:35%;top:35%;height:3px;width:60px}80%{left:50%;top:35%;height:10px;width:30px}95%{left:50%;top:35%;height:10px;width:30px}100%{left:20%;top:35%;height:3px;width:80px}}@keyframes char3-body{0%{height:230px}5%{height:400px}30%{height:400px}35%{height:100px}60%{height:100px}65%{height:300px}80%{height:300px}85%{height:230px}100%{height:230px}}@keyframes char3-eyes{0%{left:45%}5%{left:45%}30%{left:45%}35%{left:55%}60%{left:55%}65%{left:20%}80%{left:20%}85%{left:45%}100%{left:45%}}@keyframes char3-eyes-height{0%{left:40%}5%{height:25px}30%{height:25px}35%{height:10px}60%{height:10px}65%{height:8px}80%{height:8px}85%{height:25px}100%{height:25px}}@keyframes char3-mouth{0%{left:40%;width:20px;height:1px}5%{left:40%;width:20px;height:1px}30%{left:40%;width:20px;height:1px}35%{left:60%;width:35px;height:15px}60%{left:60%;width:35px;height:15px}65%{left:15%;width:15px;height:1px}80%{left:15%;width:15px;height:1px}85%{left:40%;width:20px;height:1px}100%{left:40%;width:20px;height:1px}}@keyframes char4-body-bottom{0%{height:70px}13%{height:70px}15%{height:200px}33%{height:200px}35%{height:130px}53%{height:130px}55%{height:230px}68%{height:230px}70%{height:30px}88%{height:30px}90%{height:80px}100%{height:80px}}@keyframes char4-body-top{0%{height:140px}13%{height:140px}15%{height:210px}33%{height:210px}35%{height:80px}53%{height:80px}55%{height:230px}68%{height:230px}70%{height:50px}88%{height:50px}90%{height:140px}100%{height:140px}}@keyframes char4-eyes{0%{left:60%}15%{left:60%}18%{left:30%}25%{left:30%}28%{left:70%}40%{left:70%}43%{left:60%}55%{left:60%}58%{left:10%}73%{left:10%}75%{left:40%}88%{left:40%}90%{left:60%}100%{left:60%}}@keyframes char4-eyes-height{0%{height:8px}7%{height:8px}8%{height:1px}9%{height:8px}15%{height:8px}18%{height:20px}25%{height:20px}28%{height:1px}29%{height:8px}40%{height:8px}43%{height:15px}55%{height:15px}58%{height:8px}62%{height:8px}63%{height:1px}64%{height:8px}73%{height:8px}75%{height:10px}88%{height:10px}90%{height:8px}93%{height:8px}94%{height:1px}95%{height:8px}100%{height:8px}}@keyframes char4-mouth{0%{left:25%;width:60px}15%{left:25%;width:60px}18%{left:15%;width:30px}25%{left:15%;width:30px}28%{left:35%;width:80px}40%{left:35%;width:80px}43%{left:25%;width:60px}55%{left:25%;width:60px}58%{left:10%;width:90px}73%{left:10%;width:90px}75%{left:25%;width:60px}88%{left:25%;width:60px}90%{left:25%;width:60px}100%{left:25%;width:60px}}@keyframes char5-body{0%{height:140px}20%{height:140px}25%{height:300px}50%{height:300px}55%{height:70px}70%{height:70px}75%{height:350px}90%{height:350px}95%{height:140px}100%{height:140px}}@keyframes char5-eyes{0%{left:50%}20%{left:50%}25%{left:20%}50%{left:20%}55%{left:70%}70%{left:70%}75%{left:35%}90%{left:35%}95%{left:50%}100%{left:50%}}@keyframes char5-mouth{0%{height:20px;width:20px;left:50%}20%{height:20px;width:20px;left:50%}25%{height:50px;width:15px;left:20%}50%{height:50px;width:15px;left:20%}55%{height:3px;width:40px;left:50%}70%{height:3px;width:40px;left:50%}75%{height:10px;width:30px;left:35%}90%{height:10px;width:30px;left:35%}95%{height:20px;width:20px;left:50%}100%{height:20px;width:20px;left:50%}}@keyframes char6-body{0%{height:350px}10%{height:350px}15%{height:50px}40%{height:50px}45%{height:150px}60%{height:150px}65%{height:500px}80%{height:500px}85%{height:140px}90%{height:140px}95%{height:350px}100%{height:350px}}@keyframes char6-eyes{0%{left:50%}10%{left:50%}15%{left:80%}40%{left:80%}45%{left:30%}60%{left:30%}65%{left:60%}80%{left:60%}85%{left:20%}90%{left:20%}95%{left:50%}100%{left:50%}}@keyframes char6-eyes-height{0%{width:10px;height:20px}10%{width:10px;height:20px}15%{width:4px;height:4px}40%{width:4px;height:4px}45%{width:7px;height:4px}60%{width:7px;height:4px}65%{width:10px;height:30px}80%{width:10px;height:30px}85%{width:4px;height:4px}90%{width:4px;height:4px}95%{width:10px;height:20px}100%{width:10px;height:20px}}@keyframes char6-mouth{0%{left:40%;height:20px;width:50px}10%{left:40%;height:20px;width:50px}15%{left:70%;height:3px;width:20px}40%{left:70%;height:3px;width:20px}45%{left:30%;height:20px;width:20px}60%{left:30%;height:20px;width:20px}65%{left:40%;height:10px;width:50px}80%{left:40%;height:10px;width:50px}85%{left:20%;height:20px;width:20px}90%{left:20%;height:20px;width:20px}95%{left:40%;height:20px;width:50px}100%{left:40%;height:20px;width:50px}}#login{background-color:#292624;margin:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}#login #form-bg{background-color:#fff4e4;height:500px;width:400px;margin:0 auto}#login #form-bg h1{text-align:center;margin-top:40px;color:#292624;font-size:40px}#login #form-bg p{text-align:center;color:#292624}#login #form-bg form{margin-top:70px}#login #form-bg form input{display:block;margin:30px auto;height:45px;width:300px;border:none;border-left:7px solid #292624;background-color:rgba(41,38,36,.6745098039);border-radius:5px}#login #form-bg form input::-moz-placeholder{color:#fff;padding-left:10px}#login #form-bg form input::placeholder{color:#fff;padding-left:10px}#login #form-bg form button{display:block;margin:40px auto;background-color:#292624;color:#fff;padding:15px 60px;border-radius:5px}#login #form-bg form button:hover{background-color:#e65a1e}#admin-home{background-color:#fff4e4}#admin-home header{display:flex;justify-content:flex-end;margin-right:50px}#admin-home header a#logout{text-decoration:none;background-color:#292624;color:#fff;padding:10px 40px;border-radius:5px;margin-top:30px;width:130px;transition:all .3s ease-in-out}#admin-home header a#logout:hover{background-color:#e65a1e}#admin-home .login-success{display:block;margin-top:-20px;margin-left:50px;width:300px;font-size:20px;font-weight:600}#admin-home h1{margin-top:100px;text-align:center;margin-bottom:50px}#admin-home .project-list-con{display:flex;gap:30px;margin:20px 50px;flex-wrap:wrap;justify-content:center}#admin-home .project-list-con .list-projet{background-color:#292624;color:#fff;width:400px;border-radius:10px}#admin-home .project-list-con .list-projet h2{text-align:center;font-size:30px;margin-bottom:0;margin-top:30px}#admin-home .project-list-con .list-projet p.duration{margin:20px auto;text-align:center}#admin-home .project-list-con .list-projet p.description{font-size:14px;padding:0 30px}#admin-home .project-list-con .list-projet .update{background-color:#fff4e4;text-decoration:none;color:#000;display:block;margin:30px auto;padding:15px 60px;width:150px;border-radius:5px;transform:scale(1);transition:all .3s ease-in-out}#admin-home .project-list-con .list-projet .update:hover{transform:scale(1.05);background-color:#e65a1e;color:#fff}#admin-home a#add-project{text-decoration:none;background-color:#e65a1e;color:#fff;padding:30px 60px;display:block;width:300px;margin:80px auto;font-size:20px;text-align:center;border-radius:10px;transform:scale(1);transition:all .3s ease-in-out}#admin-home a#add-project:hover{transform:scale(1.05)}.create-bg{background-color:#292624;color:#fff}.create-bg #back{text-decoration:none;background-color:#fff4e4;color:#000;padding:10px 30px;display:block;margin-top:20px;margin-left:20px;width:150px;border-radius:5px;transform:scale(1);transition:all .3s ease-in-out}.create-bg #back:hover{background-color:#e65a1e;color:#fff;transform:scale(1.03)}.create-bg h1{text-align:center;margin-top:100px}.create-bg form{margin:100px auto}.create-bg form div{margin:0 auto}.create-bg form label{font-size:20px;font-weight:500}.create-bg form input{background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;width:400px;margin:20px 0 30px 0;padding-bottom:10px;color:#fff;outline:none}.create-bg form textarea{width:400px;height:200px;margin:20px 0 30px 0;background-color:rgba(0,0,0,0);border:2px solid #fff;color:#fff}.create-bg form textarea::-moz-placeholder{font-family:"Albert Sans",sans-serif;padding-top:5px;padding-left:5px}.create-bg form textarea::placeholder{font-family:"Albert Sans",sans-serif;padding-top:5px;padding-left:5px}.create-bg form textarea#challenges{margin:20px 0 30px 0 !important}.create-bg button{background-color:#fff;display:block;margin:50px auto;padding:20px 80px;border:none;border-radius:10px;font-size:20px;transform:scale(1);transition:all .3s ease-in-out}.create-bg button:hover{transform:scale(1.05)}.create-bg #add-project-error p{margin:10px 0}.create-bg .delete-project{color:#e65a1e;margin-top:-100px;border:4px solid #e65a1e;transition:all .3s ease-in-out}.create-bg .delete-project:hover{background-color:#e65a1e;color:#fff}/*# sourceMappingURL=main.css.map */