body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#f9fafc;box-shadow:0 0 10px #ddd;flex-direction:column;padding:0 100px 15px;position:relative;transition:all .3s ease;z-index:10}.header,.header-text{display:flex;height:auto;width:100%}.header-text{align-items:center;justify-content:flex-start}.header-text h1{color:#0084ff;font-size:32px;width:50%;span{color:#333}}.header-ul{align-items:center;display:flex;gap:10px;height:50px;justify-content:flex-start;width:100%}.header-ul li a{background-color:#0084ff;border-radius:5px;color:#fff;font-size:17px;font-weight:600;height:100%;padding:5px 7px;transition:all .3s ease;transition:transform .2s ease;white-space:nowrap;width:auto}.header-ul li a:focus{background-color:#0084ff;color:#fff;text-decoration:underline}.header-ul li a:hover{border:none;text-decoration:underline;transform:scale(1.1);transition:all .3s}.header-ul li:first-child a,.header-ul li:nth-child(2) a{background-color:#0000;border:2px solid #0084ff;border-radius:5px;color:#0084ff;opacity:.8;padding:5px 7px}.header-ul li:nth-child(2) a{margin-right:10px}.header-ul li:first-child a:focus,.header-ul li:nth-child(2) a:focus{text-decoration:underline}.header-user-info{align-items:center;display:flex;gap:5px;height:auto;justify-content:flex-end;width:50%}.user-avatar{border-radius:50%;height:28px;object-fit:cover;width:28px}.user-email{align-items:center;color:#0084f0;display:flex;font-size:13px;gap:8px;margin:0}.logout-btn{background-color:#0084ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:6px 12px}@media (max-width:901px){.header{padding:10px 30px;transition:all 1s}.header-ul{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;scrollbar-color:#ccc #0000;scrollbar-width:thin;white-space:nowrap}.header-ul::-webkit-scrollbar{height:6px}.header-ul::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.header-ul::-webkit-scrollbar-track{background-color:initial}.header-ul li{flex:0 0 auto}.header-ul li a{background-color:#0084ff;border-radius:5px;display:inline-block;font-size:16px;padding:5px 10px;white-space:nowrap}.header-ul li a:hover{text-decoration:underline}.header-ul li a:focus{text-decoration:none}}@media (max-width:600px){.header{padding:10px;transition:all 1s}.header-text{flex-direction:column}.header-text h1,.header-user-info{align-items:center;display:flex;height:auto;justify-content:flex-start;margin:0;width:100%}}@media(max-width:320px){.header{padding:5px}.header-user-info{display:flex;margin:0}}.home{align-items:center;display:flex;justify-content:center;padding:10px 100px;transition:all 1s;width:100%}.profil{width:100%}.home-about,.profil{align-items:flex-start;background-color:#f1f5f9;border-radius:12px;box-shadow:0 4px 12px #0084ff1a;display:flex;flex-direction:column;gap:10px;height:270px;padding:15px 20px}.home-about{width:50%}.pro-name,.pro-name h3{align-items:center;display:flex}.pro-name h3{color:#0084ff;font-size:25px;gap:10px}.pro-about{align-items:self-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:15px;justify-content:flex-start;width:100%}.pro-about-img{align-items:center;backface-visibility:hidden;border:2px solid #0084ff;border-radius:50%;display:flex;height:150px;justify-content:center;overflow:visible;padding:5px;perspective:1000px;position:relative;transform-style:preserve-3d;transition:transform .2s ease;width:150px;will-change:transform}.pro-about-img img{border-radius:50%;height:100%;object-fit:cover;width:100%}.pro-about-img-tell{align-items:center;background-color:red;border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;position:absolute;right:0;top:10px;width:30px;z-index:10}.pro-about-text{-webkit-overflow-scrolling:touch;color:#0084ff;display:flex;flex:1 1;gap:10px;height:50px;justify-content:space-around;overflow-x:auto;scrollbar-color:#ccc #0000;scrollbar-width:thin;white-space:nowrap;width:100%}.pro-about-text hr{background-color:#333;border:none;height:30px;transform:rotate(15deg);width:2px}.pro-about-text h2{font-size:22px;margin:0}.pro-about-text span{color:#333;font-size:20px}.pro-about-img.tilt{transition:transform .2s ease;will-change:transform}.home-about-name{align-items:center;display:flex;height:30px;justify-content:space-between;width:100%}.home-about-name h1{color:#0084ff;font-size:25px;gap:10px}.about-language,.home-about-name h1{align-items:center;display:flex;height:100%;width:50%}.about-language{gap:5px;justify-content:flex-end}.about-language button{background-color:#0000;border:2px solid #0084ff;border-radius:5px;color:#0084ff;font-size:15px;font-weight:600;height:100%;padding:0 7px}.about-language button:focus{background-color:#0084ff;color:#fff}.home-about-p{align-items:self-start;border-left:1px solid #0084ff;border-right:1px solid #0084ff;display:flex;flex-wrap:wrap;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:500;height:240px;overflow-y:auto;padding:0 5px;width:100%}.home-add-img{display:flex;flex-direction:column;gap:5px;height:50px;width:300px}.home-add-img button{background-color:#0084ff;border:none;border-radius:5px;color:#fff;font-size:20px;margin:0}@media (max-width:1100px){.home{flex-direction:column;gap:20px;padding:10px 100px}.home-about,.profil{height:auto;width:100%}.pro-name{border-radius:9px 9px 0 0;padding:10px;width:100%}.pro-about{align-items:self-start;justify-content:space-between}.pro-about-text h2,.pro-about-text span{font-size:18px}}@media (max-width:650px){.home{padding:10px}.home-about,.profil{height:auto;width:100%}.pro-about{align-items:self-start;flex-direction:column}.pro-about-img{height:150px;width:150px}.pro-about-img-tell{font-size:12px;height:26px;width:26px}.home-about-name{align-items:center;flex-direction:column;height:auto;h1{width:100%}}}@media(max-width:400px){.home{flex-direction:column;padding:0}.home-about,.profil{height:auto;padding:5px;width:100%}.home-about-name{align-items:center;flex-direction:column;height:auto;h1{width:100%}}.pro-about{align-items:center}.pro-name,.profil{border:none;border-radius:0}}.book1{height:auto;padding:10px 100px;transition:all 1s;width:100%}.filter-menu{background-color:#f1f5f9;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;padding:15px 20px;width:100%}.filter-menu-h1 h1{color:#0084ff;font-size:30px;margin-bottom:10px}.filter-buttons button{background-color:#0000;border-radius:6px;font-size:16px;font-weight:500;padding:5px 10px}.filter-buttons button:hover{background-color:#0084ff;color:#fff}.filter-buttons button.active{background-color:#0084ff}.book1-lsn{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding:15px 10px;scroll-snap-type:x mandatory;scrollbar-color:#ccc #0000;scrollbar-width:thin;white-space:nowrap}.book1-lsn::-webkit-scrollbar{height:6px}.book1-lsn::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.lsn1{align-items:self-start;background-color:#f1f1f1;border:1px solid #0084f0;border-radius:10px;display:flex;flex:0 0 auto;flex-direction:column;height:120px;justify-content:space-between;opacity:.5;padding:10px;scroll-snap-align:center;transform:scale(.9);transition:transform .3s ease,opacity .3s ease;width:180px}.lsn1:hover{opacity:1;transform:scale(1.05)}.lsn1 button{background-color:#0084ff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:6px 12px;transition:.3s ease;width:100%}.lsn1 button:disabled{background-color:gray;cursor:not-allowed}.book1-tests{display:flex;height:auto;justify-content:flex-start;padding:20px;position:relative;width:100%;z-index:1}.lesson-content{background-color:#f5f5f5;border-radius:12px;box-shadow:0 4px 8px #0000001a;font-family:sans-serif;max-width:500px;position:relative;width:100%}.lesson-content h4{font-size:18px;margin-bottom:10px}.lesson-content p{color:#555;margin-bottom:15px}.lesson-content ul{margin:0 0 15px;padding:0}.lesson-content li{background-color:#eee;border-radius:8px;margin-bottom:8px;padding:10px 15px;transition:background-color .3s}.lesson-content li:hover{background-color:#ddd}.correct-answer{margin-bottom:10px}.lesson-content button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 15px;transition:background-color .3s}.lesson-content button:hover{background-color:#f2f2f2}.lesson-content .close-button{align-items:center;background:#0000;background:none;border:none;border-radius:50px;color:#666;cursor:pointer;display:flex;float:right;font-size:20px;height:40px;justify-content:center;margin:0;position:absolute;right:-5px;top:-5px;width:40px;z-index:10}.lesson-content .close-button:hover{color:red}@media (max-width:901px){.book1{padding:10px 30px;transition:all 1s}}@media(max-width:565px){.book1{padding:10px;transition:all 1s}.book1-lsn{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;height:65vh;overflow-x:auto;padding:15px 10px;scroll-snap-type:y mandatory;scrollbar-color:#ccc #0000;scrollbar-width:thin;white-space:nowrap}.book1-tests{padding:5px}.lesson-content{padding:40px 7px}.lesson-content .close-button{background:#0000;border:none;color:#666;cursor:pointer;font-size:20px;position:absolute;right:-5px;top:-5px}}@media(max-width:320px){.book1{padding:0}}.book2{padding:10px 100px;transition:all .3s ease;width:100%}.book2-text{background-color:#f1f5f9;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;padding:15px 20px}.book2-text h1{color:#0084ff;font-size:30px;margin-bottom:10px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-buttons button{background:#0000;border:2px solid #0084ff;border-radius:8px;color:#0084ff;cursor:pointer;font-weight:700;padding:6px 12px;transition:all .3s ease}.filter-buttons button.active{background:#0084ff;color:#fff}.book2-lsn{border-radius:10px;display:flex;flex-direction:row;gap:15px;height:350px;overflow-x:auto;overflow-y:hidden;padding:15px 20px;scroll-behavior:smooth;width:100%}.lesson-card{background-color:#fff;border:1px solid #0084ff;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;gap:10px;height:300px;max-width:300px;padding:15px;transition:box-shadow .3s ease}.lesson-details{height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.lesson-card:hover{box-shadow:0 2px 8px #0084ff33}.lesson-card h3{color:#0084ff;font-size:20px;letter-spacing:.5px}.lesson-card h3 i{margin-left:6px;opacity:.6}.lesson-card button{background-color:#0084ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .3s ease}.lesson-card button:hover{background-color:#006ed5}.lesson-details{background-color:#f9fbfc;border-radius:8px;box-shadow:inset 0 0 5px #0084ff1a;margin-top:10px;overflow:hidden;padding:10px;transition:all .3s ease;width:100%}.lesson-details[style*="visibility: hidden"]{padding:0!important}.book1-tests{margin-top:30px}.lesson-content{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.lesson-content ul{list-style:none;padding-left:0}.lesson-content li{border-radius:5px;margin-bottom:10px;padding:8px 12px;transition:background .3s}.lesson-content li:hover{background-color:#f1f1f1}.correct-answer{color:green;font-weight:700}@media(max-width:768px){.book2{padding:10px 20px}.lesson-card{width:100%}.filter-buttons{justify-content:center}}@media(max-width:480px){.book2{padding:10px}.book2-text h1{font-size:24px}.book2-lsn{flex-direction:column;height:auto;max-height:400px;overflow-x:hidden;overflow-y:auto}.filter-buttons button,.lesson-card button{font-size:13px;padding:5px 10px}.lesson-content{padding:15px}.lesson-content h4{font-size:16px}}@media(max-width:320px){.book2{padding:0}.book2-lsn{align-items:self-start;padding:5px}}.book3{height:auto;padding:10px 100px;transition:all 1s;width:100%}.book3-name{background-color:#f1f5f9;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;gap:10px;padding:15px 20px;width:100%}.book3-name-title{align-items:center;display:flex;justify-content:flex-start;width:100%}.book3-name-title h1{color:#0084ff;font-size:30px}.book3-input{align-items:center;border:2px solid #0084ff;border-radius:6px;display:flex;height:30px;justify-content:flex-start;overflow:hidden;width:100%}.book3-input input{border-radius:6px 0 0 6px;box-shadow:inset 0 0 5px #b3b3b3;width:30%}.book3-input button,.book3-input input{background-color:#0000;border:none;border-right:2px solid #0084ff;font-weight:600;height:100%;outline:none;padding:5px 10px}.book3-input button{color:#0084ff;cursor:pointer}.book3-alphabet{align-items:center;display:flex;gap:8px;height:40px;overflow-x:auto;padding-bottom:5px;width:100%}.book3-alphabet::-webkit-scrollbar{height:5px}.book3-alphabet::-webkit-scrollbar-thumb{background:#0084ff;border-radius:5px}.book3-alphabet p{align-items:center;border:2px solid #0084ff;border-radius:10px;color:#0084ff;cursor:pointer;display:flex;font-weight:600;height:100%;justify-content:center;min-width:35px;padding:5px 10px;position:relative;transition:all .3s ease}.book3-alphabet p .badge,.book3-alphabet p.active{background-color:#0084ff;color:#fff}.book3-alphabet p .badge{border-radius:20px;box-shadow:0 2px 5px #0003;font-size:12px;font-weight:700;padding:2px 6px;position:absolute;right:-8px;top:-8px}.book3-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.book3-filters button{background-color:#0000;border:2px solid #0084ff;border-radius:8px;color:#0084ff;cursor:pointer;font-weight:600;padding:5px 12px;transition:.3s}.book3-filters button.active{background-color:#0084ff;color:#fff}@media (max-width:1024px){.book3{padding:10px 50px}.book3-name-title h1{font-size:26px}.book3-input input{width:50%}}@media (max-width:600px){.book3{padding:10px 20px}.book3-name-title h1{font-size:22px}.book3-input{flex-direction:column;height:auto}.book3-input input{border-bottom:2px solid #0084ff;border-radius:6px 6px 0 0}.book3-input button,.book3-input input{border-right:none;height:35px;width:100%}.book3-input button{border-left:none;border-radius:0 0 6px 6px;border-top:none}.book3-alphabet{gap:5px;height:36px}.book3-alphabet p{font-size:14px;min-width:30px;padding:4px 8px}.book3-filters{justify-content:center}}.book4{height:auto;padding:10px 100px;transition:all 1s;width:100%}.book4-name{background-color:#f1f5f9;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;padding:15px 20px;width:100%}.book4-name-h1{align-items:center;display:flex;justify-content:flex-start;width:100%}.book4-name-h1 h1{color:#0084ff;font-size:30px}.book4-filter{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:10px;height:50px;overflow-y:auto;scrollbar-width:thin;white-space:nowrap;width:100%}.book4-filter button{background-color:initial;border:2px solid #0084ff;border-radius:6px;color:#0084ff;cursor:pointer;font-size:16px;font-weight:500;padding:5px 10px;transition:all .3s ease}.book4-letter-list{-webkit-overflow-scrolling:touch;display:flex;gap:12px;height:auto;overflow-x:auto;padding:15px 10px;scroll-snap-type:x mandatory;scrollbar-color:#ccc #0000;scrollbar-width:thin;white-space:nowrap;width:100%}.book4-lsn{align-items:self-start;background-color:#0000;border:1px solid #0084ff;border-radius:10px;display:flex;flex:0 0 auto;flex-direction:column;height:120px;justify-content:space-between;padding:10px;transform:scale(.9);width:180px}.book4-lsn button{background-color:#0084ff;border:none;border-radius:5px;color:#0084ff;cursor:pointer;margin-top:10px;padding:6px 12px;transition:.3s ease;width:100%}.admin{background:#f2f2f2;padding:20px}.admin h1,.admin-filters{margin-bottom:20px}.admin-filters{display:flex;flex-wrap:wrap;gap:10px}.admin-filters select{border:1px solid #ccc;border-radius:5px;padding:6px 10px}.admin-user{background:#fff;border-radius:8px;box-shadow:0 1px 5px #0000001a;margin-bottom:40px;padding:15px}.admin-user h2{align-items:center;display:flex;gap:8px;margin-bottom:5px}.online-dot{background:red;border-radius:50%;display:inline-block;height:10px;width:10px}.admin-user table{border-collapse:collapse;margin-top:10px;width:100%}.admin-user td,.admin-user th{border:1px solid #ddd;font-size:14px;padding:8px}.admin-user th{background-color:#0084f0;color:#fff}@media screen and (max-width:768px){.admin-user table,.admin-user tbody,.admin-user td,.admin-user th,.admin-user thead,.admin-user tr{display:block}.admin-user tr{border:1px solid #ccc;border-radius:5px;margin-bottom:15px}.admin-user td{padding-left:50%;position:relative}.admin-user td:before{content:attr(data-label);font-weight:700;left:10px;position:absolute;top:8px;white-space:nowrap}.admin-user th{display:none}}.web-photo{box-sizing:border-box;min-height:400px;padding:20px 100px;transition:all .5s ease;width:100%}.web-tube{display:flex;flex-direction:column;gap:25px;width:100%}.tube-name{align-items:center;background-color:#0084f0;border-radius:12px;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 20px}.tube-name-h1 h1{font-size:26px;margin:0}.tube-name-subiscrabe{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.lang-btn{background-color:#fff;border:1px solid #0084f0;border-radius:6px;color:#0084f0;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s,color .3s}.lang-btn:hover{background-color:#0084f0;color:#fff}.about-buttons{display:flex;flex-wrap:wrap;gap:12px}.about-buttons button{background-color:initial;border:2px solid #0084f0;border-radius:6px;color:#0084f0;cursor:pointer;font-weight:500;padding:8px 14px;transition:all .3s ease}.about-buttons button.active,.about-buttons button:hover{background-color:#0084f0;color:#fff}.about-info{background-color:#f5f5f5;border-radius:12px;box-shadow:0 2px 6px #0000000d;color:#444;font-size:16px;line-height:1.6;padding:20px;transition:all .3s}.about-info h2{color:#0084f0;font-size:22px;margin-bottom:12px}@media (max-width:901px){.web-photo{padding:20px 30px}.tube-name-h1 h1{font-size:22px}}@media (max-width:565px){.web-photo{padding:10px}.tube-name{align-items:flex-start;flex-direction:column;gap:10px}.about-info{font-size:15px;padding:15px}.tube-name-h1 h1{font-size:20px}}.footer{align-items:center;background-color:#0084ff;color:#fff;display:flex;flex-direction:column;gap:10px;height:auto;justify-content:space-between;padding:10px 0;width:100%}.footer hr{background-color:#fff;border:none;height:2px;width:100%}.footer-about{align-items:self-start;display:flex;height:auto;justify-content:space-between;padding:0 100px;width:100%}.footer-name h1{font-size:30px;span{color:#333}}.footer-link{align-items:center;display:flex;gap:10px;i{align-items:center;background-color:#fff;border-radius:50px;color:#0084ff;display:flex;font-size:20px;height:50px;justify-content:center;width:50px}}.my-work{align-items:center;display:flex;height:auto;justify-content:space-between;padding:0 100px;width:100%}.my-work h1{font-size:20px;q{color:#000}}@media(max-width:900px){.footer-about,.my-work{padding:20px}}@media(max-width:565px){.footer-about{flex-direction:column;gap:5px;padding:10px}.footer-name h1{font-size:25px}.tel{display:flex;flex-wrap:wrap;font-size:15px;gap:10px}.my-work{padding:10px}.my-work h1{display:flex;flex-direction:column;font-size:17px}}.group{height:auto;padding:10px 100px;transition:all 1s;width:100%}.group-container{gap:20px;height:100%}.group-container,.group-name{display:flex;flex-direction:column;width:100%}.group-name{align-items:center;background-color:#f1f5f9;border-radius:8px;box-shadow:0 2px 6px #0000000d;gap:10px;padding:15px 20px}.group-name-h1{align-items:center;display:flex;justify-content:flex-start;width:100%}.group-name-h1 h1{color:#0084ff;font-size:30px}.group-name-btn{align-items:center;display:flex;gap:10px;height:35px;justify-content:flex-start;width:100%}.group-name-btn button{background-color:#0000;border:2px solid #0084ff;border-radius:5px;color:#0084ff;font-size:15px;font-weight:600;height:100%;padding:0 10px}.group-name-btn button:focus{background-color:#0084ff;color:#fff;text-decoration:none}.group-name-btn button:after{text-decoration:none}.group-name-btn button:hover{text-decoration:underline}.group-content{background-color:#f1f5f9;border-radius:8px;box-shadow:0 2px 6px #0000000d;flex-direction:column;gap:10px;padding:15px 20px}.group-content,.group-text{align-items:center;display:flex;width:100%}.group-text{color:#0084ff;height:30px;justify-content:flex-start}.group-user{-webkit-overflow-scrolling:touch;align-items:self-end;background-color:#f1f5f9;border-radius:8px;display:flex;gap:10px;overflow-x:auto;padding:0 0 10px;scrollbar-width:thin;white-space:nowrap;width:100%}.group-user p strong{color:#0084ff}@media (max-width:900px){.group{padding:20px 30px;transition:all 1s}.group-name-h1 h1{font-size:26px}.group-name-btn button{font-size:14px}}@media (max-width:565px){.group{padding:10px;transition:all 1s}.group-container{padding:0}.group-name{padding:15px 10px}.group-name-h1 h1{font-size:24px}.group-name-btn{gap:5px;height:30px}.group-name-btn button{align-items:center;font-size:14px;width:100%}.group-name-btn button span{display:none}.group-content{padding:15px 10px}.group-user{align-items:center;gap:7px;overflow-x:auto}.group-user,.group-user h3,.group-user p{display:flex}}@media(max-width:320px){.group{padding:0}.group-name{padding:15px 10px}.group-name-h1 h1{font-size:22px}.group-name-btn{gap:5px;height:30px}.group-name-btn button{align-items:center;font-size:14px;width:100%}.group-content{padding:15px 10px}.group-user{align-items:center;display:flex;gap:7px;overflow-x:auto}}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;list-style-type:none;margin:0;outline:none;padding:0;text-decoration:none}.login{background:linear-gradient(#00000080,#00000080),url(../../static/media/login-img.88c73fd62ef467adf77a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;justify-content:flex-end;padding:0 200px;position:fixed;z-index:1000}.login,.login-box{align-items:center;display:flex}.login-box{background-color:#eee;border-radius:20px;flex-direction:column;height:250px;justify-content:space-between;padding:15px 20px;width:400px}.login-box h1{color:#0084f0;width:100%;span{color:#000}}.login-box-input{align-items:center;display:flex;height:40px;justify-content:space-between;position:relative;width:100%;z-index:1}.login-box-input input{border:1px solid #0084f0;border-radius:10px;font-size:17px;height:100%;outline:none;padding:0 15px;width:100%}.login-box-input i{color:#0084f0;position:absolute;right:17px;z-index:2}.login-box button{background-color:#0084f0;border:none;border-radius:10px;color:#fff;font-size:17px;height:40px;width:100%}@media (max-width:900px){.login{padding:0 70px}.login-box{height:220px;width:350px}.login-box h1{font-size:28px}.login-box button,.login-box-input input{font-size:16px}}@media(max-width:480px){.login{background-position:0;padding:0}.login-box{height:200px;padding:20px;width:100%}.login-box h1{font-size:24px}.login-box button,.login-box-input input{font-size:16px}}
/*# sourceMappingURL=main.bfa66ac0.css.map*/