.app{background-color:#f0f0f0;color:#000}.dark-mode{background-color:#333;color:#fff}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}:root{--softTeal: #8ed8d8;--softPink: #ffb6c1;--softGray: #e0e0e0;--cream: #fff8dc}button,body{font-family:Roboto,Helvetica,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}.container{width:100%;max-width:1140px;margin:auto}.xyz{display:flex;justify-content:space-between;padding-left:20px;padding-right:20px;background-color:#ffb6c1}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px}.navbar-brand img{height:2.3vw;max-height:50px}.navbar-nav{display:flex;justify-content:space-evenly;width:100%;align-items:center;flex-wrap:wrap}.navbar-nav li{list-style:none;margin-bottom:10px}.navbar-nav a{text-decoration:none}.dropdown-toggle{cursor:pointer}.dropdown{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;position:relative}.dropdown-menu{position:absolute;z-index:100;top:100%;left:0;width:200px;background-color:#ffb6c1;padding:10px;border-radius:10px;box-shadow:0 0 10px #0003;display:flex;flex-direction:column}.dropdown-item{font-size:20px;padding:5px;margin-bottom:10px;cursor:pointer}.dropdown-item a{color:#000}.dropdown-item:hover{background-color:#f896a5}.nav-item{font-size:20px;align-items:center;text-align:center}.nav-link{color:#000;text-decoration:none}.nav-link:visited{color:#000}.button{border:2px solid #ffb6c1;background-color:#fff;color:#ffb6c1;padding:10px 30px;border-radius:5px;cursor:pointer;font-size:20px;font-weight:600}.button:hover{background-color:#f896a5;color:#fff}.banner{height:auto;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#ffb6c1}.banner h1{margin-top:10%;font-size:2.5rem;color:var(--cream);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.5;font-weight:700;font-family:Arial,sans-serif;text-align:center}.banner h1 span{color:var(--softTeal);font-weight:700;font-family:Arial,sans-serif;font-size:2rem}.banner h1:hover{color:var(--cream);text-decoration:underline}.slider{height:60vh;width:70vw;max-width:100%;box-shadow:0 4px 8px #0006;object-fit:cover;background:#000}@media screen and (max-width: 1440px){.banner h1,.banner h1 span{font-size:1.5rem}}@media screen and (max-width: 1327px){.slider{align-items:center}}.aboutContent{background-color:#ffb6c1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:20px;padding-right:20px}.about-dropdown .sub-menu{top:50%;left:38%;transform:translate(-20%)}.about-dropdown .sub-menu li a{display:block;padding:5px;text-decoration:none;color:var(--cream);font-size:14px;border-radius:16px}.about-dropdown .sub-menu li a:hover{background-color:var(--softPink)}#vision{font-size:40px;color:var(--cream)}#aboutSection{background-color:var(--softPink);padding:50px 0}.vissionPara{margin-top:10px;font-size:25px;color:#000;width:100%;line-height:1.6;margin-bottom:25px}#goal{font-size:40px;color:var(--cream);margin-bottom:10px}ul{padding:0}li{margin-bottom:15px;font-size:25px;line-height:1.5}#objective{font-size:40px;color:var(--cream);margin-bottom:10px;margin-top:35px}.aboutContainer{width:100%;text-align:center}.aboutTitle{font-size:3.5rem;color:var(--softTeal);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.5;font-weight:700;font-family:Arial,sans-serif;margin-top:50px}.aboutTitle:hover{color:var(--cream);text-decoration:underline}.aboutLogo{margin-bottom:20px}.aboutLogo img{width:200px;height:120px;opacity:.7}.initial-paragraph{font-size:25px;color:#000;line-height:1.6;width:100%}.additional-paragraph{font-size:25px;color:#000;width:100%;line-height:1.6}#read-more-btn{margin-top:20px;background-color:var(--softTeal);color:#333;border:none;padding:10px 20px;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s;margin-bottom:30px}#read-more-btn:hover{background-color:var(--cream)}.team-section{background-color:var(--softPink);text-align:center}.team-members{display:flex;justify-content:center;flex-wrap:wrap}.team-member{width:250px;height:400px;margin:20px 20px 80px;padding:30px;background-color:var(--cream);box-shadow:0 0 20px #0000001a;border-radius:10px;transition:transform .3s ease;display:inline-block;vertical-align:top}.team-member:hover{transform:translateY(-10px)}.team-member img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:5px solid var(--softGray)}.team-member h3{font-size:26px;margin-bottom:10px;color:#333}.team-member p{font-size:1.5rem;font-weight:600;color:#666}.intro-line{font-size:3rem;color:#333;margin-bottom:50px}.education{height:100vh;width:100vw;overflow:hidden;position:relative;background:#ffb6c1;border:2px solid black}.education .videoPlayer{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover}.source{width:100%;height:100vh}.info{text-align:center;margin-top:20px}.info h2{font-size:1.2rem;margin-bottom:10px;color:#fff}.info a{display:inline-block;background-color:red;color:var(--cream);text-decoration:none;padding:10px 20px;border-radius:5px;font-weight:700}.info a img{width:20px;vertical-align:middle;margin-right:5px}.info a:hover{background-color:#c00}.educationContainer{position:relative;z-index:1}.educationTitle{font-size:3.5rem;color:var(--softTeal);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.5;font-weight:700;font-family:Arial,sans-serif;margin-top:30px;text-align:center;position:absolute;z-index:200;top:5%;left:50%;transform:translate(-50%,-50%)}.educationTitle:hover{color:var(--cream);text-decoration:underline}.education .educationHolder{position:absolute;background-color:#00000096;width:400px;top:10vh;color:#fff;text-shadow:0 0 3px #000;padding:10px;border-radius:10px}.education .educationHolder h3{font-size:30px;font-weight:700;color:var(--softTeal);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.5;font-family:Arial,sans-serif}.education .educationHolder h3:hover{color:var(--cream);text-decoration:underline}.eduLogo{margin-bottom:15px}.eduLogo img{width:120px;height:80px;opacity:.7}.education .educationHolder p{font-size:20px;line-height:20px;margin:10px 0}#readMore{background-color:var(--softTeal);color:#333;border:none;padding:10px 20px;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s;margin-bottom:30px}#readMore:hover{background-color:var(--cream)}@media screen and (max-width: 1160px){.educationTitle{font-size:35px}.education .educationHolder p{font-size:15px}.education .educationHolder h3{font-size:25px}.educationTitle{padding-bottom:20px}}.project-dropdown .sub-menu{display:none;position:absolute;z-index:1;background-color:#0009;padding:3px 0;margin:0;border:1px solid fff;border-top:none;width:150px;text-align:center}.project-dropdown:hover .sub-menu{display:block}.project-dropdown .sub-menu li{display:block;border-bottom:1px solid #fff}.project-dropdown>a:after{content:"▾";margin-left:5px}.project-dropdown:hover>a:after{content:"▴"}.project-dropdown .sub-menu{top:55%;left:55%;transform:translate(-50%)}.project-dropdown .sub-menu li a{display:block;padding:5px;text-decoration:none;color:var(--cream);font-size:14px;border-radius:12px}.project-dropdown .sub-menu li a:hover,#projectSection{background-color:var(--softPink)}#programSection{background-color:var(--softPink);padding:50px 0}.programContainer{width:100%;text-align:center}.programTitle{font-size:3.5rem;color:var(--softTeal);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.5;font-weight:700;font-family:Arial,sans-serif;margin-bottom:20px}.programTitle:hover{color:var(--cream);text-decoration:underline}.programLogo{margin-bottom:20px}.programLogo img{width:200px;height:120px;opacity:.7}.logoContainer{display:flex;justify-content:center;flex-wrap:wrap}.logoContainer img{margin:10px;width:100px;height:75px}.intro{font-size:30px;margin-top:50px;color:var(--cream)}.he,.she{font-size:30px;margin-top:60px;color:var(--cream)}.para{font-size:25px;margin-bottom:15px}.projectimage{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:space-evenly;gap:10px}.projectimage img{width:100%;height:200px;object-fit:cover;transition:transform .5s ease}.inside{overflow:hidden;transition:transform .5s ease}.inside img:hover{transform:scale(1.1)}#activitySection{background-color:var(--softPink);padding:50px 0}.activityContainer{width:100%;text-align:center}.activityTitle{font-size:3.5rem;color:var(--softTeal);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.5;font-weight:700;font-family:Arial,sans-serif;margin-bottom:20px}.activityTitle:hover{color:var(--cream);text-decoration:underline}#homeMadeActivity{font-size:40px;color:var(--cream)}.activityContainer .activityHolder{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.activityContainer .activityHolder .activityItem{position:relative;width:250px;height:250px;overflow:hidden;border:2px solid white;border-radius:16px}.activityContainer .activityHolder img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.activityContainer .activityHolder .title{position:absolute;bottom:0;left:0;width:100%;background-color:#000000b3;padding:5px;margin:0;font-size:13px;font-weight:700;color:#fff;transition:opacity .3s ease;opacity:0}.activityContainer .activityHolder .activityItem:hover .title{opacity:1}.activityContainer .activityHolder .Item:hover img{transform:scale(1.05)}.para{font-size:20px;margin-top:10px;color:#000}.collabTitle{color:var(--cream)}#articleSection{background-color:var(--softPink);padding:50px 0}.articleContainer{width:100%;text-align:center}.articleTitle{font-size:3.5rem;color:var(--softTeal);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.5;font-weight:700;font-family:Arial,sans-serif;margin-bottom:20px}.articleTitle:hover{color:var(--cream);text-decoration:underline}.articleLogo{margin-bottom:20px}.articleLogo img{width:200px;height:120px;opacity:.7}.articleItem h2{font-size:50px;color:var(--cream);margin:30px;text-align:center}.broucher img{width:500px;height:800px;margin-bottom:10px}.broucher h2{font-size:50px;color:var(--cream);margin:30px;text-align:center}.articleItem img{width:550px;height:800px;margin-bottom:10px;object-fit:scale-down}#gallerySection{background-color:var(--softPink);padding:50px 0}.galleryContainer{width:100%;text-align:center}.galleryTitle{font-size:3.5rem;color:var(--softTeal);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.5;font-weight:700;font-family:Arial,sans-serif;margin-bottom:20px}.galleryTitle:hover{color:var(--cream);text-decoration:underline}.galleryLogo{margin-bottom:20px}.galleryLogo img{width:200px;height:120px;border-radius:5px;opacity:.7}.galleryContainer .galleryHolder{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.galleryContainer .galleryHolder .galleryItem{position:relative;width:250px;height:250px;overflow:hidden;border:2px solid white;border-radius:16px}.galleryContainer .galleryHolder img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.galleryContainer .galleryHolder .title{position:absolute;bottom:0;left:0;width:100%;background-color:#000000b3;padding:5px;margin:0;font-size:13px;font-weight:700;color:#fff;transition:opacity .3s ease;opacity:0}.galleryContainer .galleryHolder .galleryItem:hover .title{opacity:1}.galleryContainer .galleryHolder .galleryItem:hover img{transform:scale(1.05)}.footer{background-color:#ffb6c1;display:flex;flex-direction:column;align-items:center;padding:20px 0;position:relative}.footer .container{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer .contactTitle{font-size:3.5rem;color:var(--softTeal);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.5;font-weight:700;font-family:Arial,sans-serif;margin-bottom:20px}.footer .contactLogo{margin-bottom:20px}.footer .contactLogo img{width:200px;height:120px;opacity:.7}.footer .contact-item{margin-bottom:20px}.footer .contact-item h3{font-size:2rem;margin-bottom:10px}.footer .contact-item p{font-size:1.6rem;color:#333}.footer .contact-item a{color:var(--cream);text-decoration:none;margin-right:10px;transition:color .3s}.footer .contact-item a:hover{color:var(--cream)}.footer .social-icon{width:50px;height:auto;vertical-align:middle;margin-right:5px}.copyright-content p{margin-top:10px;color:#000}#accessibility-btn img{width:50px;height:auto}.contrast{display:flex}.backtotop{position:fixed;bottom:20px;right:100px;z-index:1000}.backtotop button{background-color:#fff;border:none;border-radius:50%;width:50px;height:50px;padding:0;cursor:pointer;box-shadow:0 2px 5px #0003;transition:transform .3s ease}.backtotop button:hover{transform:translateY(-3px)}.accessibility-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;z-index:1000}.accessibility-btn button{background-color:#fff;border:none;border-radius:50%;width:40px;height:40px;padding:10px;margin:5px;cursor:pointer;box-shadow:0 2px 5px #0003;transition:transform .3s ease;display:flex;flex-direction:column}.accessibility-btn button img{width:20px;height:20px}.accessibility-btn button:hover{transform:scale(1.1)}.accessibility-btn{display:none}.main{width:100%}@media screen and (max-width: 1200px){.menu{display:block;cursor:pointer}.navbar-nav{display:none}.navbar-brand img{height:50px}.menu-toggle{cursor:pointer}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:16px}.line{width:100%;height:2px;background-color:#000}.open .line:nth-child(1){transform:translateY(6px) rotate(45deg)}.open .line:nth-child(2){opacity:0}.open .line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu{position:absolute;top:60px;right:20px;background-color:#fff;padding:10px;border:1px solid black}.menu ul{list-style-type:none;padding:0}.menu ul li{margin-bottom:10px}.menu ul li a{text-decoration:none;color:#000}.menu ul li a:hover{color:#00f}}@media screen and (max-width: 1140px){.container{width:100%;padding:0 15px}.xyz{display:flex;flex-direction:column;justify-content:center;align-items:center}}@media screen and (max-width: 1440px){.banner{width:100%}.banner h1{float:inline-end}.aboutContainer{width:100%;text-align:center}.programContainer,.articleContainer{width:100%}}@media screen and (max-width: 1024px){.banner,.programContainer{width:100%}.aboutContainer{width:100%;text-align:center}.articleContainer{width:100%}}@media screen and (max-width: 768px){.articleItem img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;padding:10px}.banner,.programContainer{width:100%}.aboutContainer{width:100%;text-align:center}.articleContainer{width:100%}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.login-container{width:400px;margin:100px auto auto;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;background-color:#f9f9f9}h2{text-align:center;margin-bottom:20px}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}label{font-weight:700}input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.buttonlogin{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.buttonlogin:hover{background-color:#0056b3}.passinp{display:flex}.password{display:flex;justify-content:center;align-items:center;cursor:pointer}.admin{height:100vh;width:100vw}.top{display:flex;padding-left:10px;padding-top:10px}.adminheading{width:100%;height:6%;display:flex;justify-content:center;align-items:center;text-align:center}.mainadmin{display:flex;height:94%}.sidebar{height:100%;width:20%;padding-right:20px;padding-left:20px;padding-top:20px;box-shadow:0 4px 16px #0006}.adminbutton{width:100%;padding:12px;font-weight:600;font-size:20px;background-color:#fff;color:#000;border:2px solid black;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-bottom:10px}.adminbutton:hover{background-color:#000;color:#fff}.goback{width:100px;padding:2px;font-weight:600;font-size:20px;background-color:#fff;color:#000;border:2px solid black;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-bottom:10px}.goback:hover{background-color:#000;color:#fff}.admin-content{width:100%;padding-top:20px}@media screen and (max-width: 1130px){.mainadmin{display:flex;flex-direction:column}.sidebar{width:100%}}.projedit{padding-left:50px;width:100%;max-height:90vh;overflow-y:auto}.eachproj{width:100%}.proj{display:flex;justify-content:space-between;width:100%}.delbutton{margin:10px;background:#e94848;border:none;padding:0 20px;max-height:50px}.projimage img{height:150px;border-radius:10px;margin-bottom:15px;margin-right:20px;object-fit:cover}.descinp textarea{margin-top:10px;height:200px;width:50%;font-size:20px;resize:none}.titleinp input{width:50%;font-size:20px}.imageinp{margin-bottom:10px}.loading{position:absolute;top:0;padding-top:.5rem;padding-bottom:.5rem;text-align:center;left:50%}.loading-button{display:inline-flex;padding:.625rem 1.25rem;align-items:center;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-align:center;color:#fff;background-color:#ffb6c1}.spin{display:inline;width:1rem;height:1rem;color:#fff;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}