*{-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#000;margin:2px;-webkit-animation:background-change 8s infinite;animation:background-change 8s infinite}main{font-family:"Roboto",sans-serif;width:100%;max-width:500px;min-height:170vh;margin:0 auto;background-color:#fff}.navbar{background-color:#11113e;overflow:hidden;position:fixed;bottom:15px;width:15%;right:630px;border-radius:50px;height:50px}.icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:35px;padding-top:10px}.icon-container .fa:hover:before{color:#ffc72c}.login-top{background-color:#11113e;border-radius:0px 0px 20px 20px;padding-bottom:15px;margin-bottom:15px}.login-top img{width:50%;margin:0 auto;display:block}#account{top:200px;right:40px;position:absolute;color:#fff;font-weight:bold;font-family:"Courier New",Courier,monospace;background-color:rgba(87,170,242,.54);padding:10px}#account a{background-color:#f0f8ff;color:#5b7eff;text-decoration:none;padding:5px;font-family:Arial,Helvetica,sans-serif}#account a:hover{text-decoration:underline}#icon{position:absolute;top:20px;margin-left:430px}#icon #icon-button{width:50px;height:50px;border-radius:50%;cursor:pointer;background-color:#fff;-o-object-fit:cover;object-fit:cover;right:0px}#user-menu{margin-left:420px;padding:5px;background-color:#f0f8ff;top:210px;position:absolute;color:#000}#user-menu a{text-decoration:none}#user-menu a:hover{text-decoration:underline}#welcome{padding-left:20px;margin-top:-130px}#welcome h1{font-size:35px;text-align:center;color:#fff;text-shadow:2px 2px 4px #000}#login-form{margin:0 auto;display:block;width:400px;padding-left:30px;padding-top:5px;padding-bottom:5px;border-radius:5px}.main-inputs input{width:320px;font-size:18px;display:inline-block;margin-bottom:15px;background-color:#fff;border:none;border-bottom:1px solid #000}.main-inputs .profile-img [type=radio]{position:absolute;opacity:0;width:0;height:0}.main-inputs .profile-img [type=radio]+img{cursor:pointer;width:50%}.main-inputs .profile-img [type=radio]:checked+img{outline:2px solid red;border-radius:50%}.main-inputs .profile-img label{display:inline-block;text-align:center;width:100px;margin-right:5px}#buttons{margin-bottom:20px;text-align:center}#buttons button{font-weight:bold;border-radius:18px;font-size:20px;padding:8px;width:100px;background-color:#11113e;color:#fff;border:none;font-family:"Roboto",sans-serif}#buttons button:hover{background-color:#ffc72c;color:#fff;cursor:pointer}.header img{width:500px;height:190px}.title h2{font-size:30px;padding-left:53px;padding-top:30px}.clubImg img{width:250px;height:180px;left:50%;top:-205px;position:relative;-webkit-clip-path:circle();clip-path:circle()}.about h3{font-size:22px;padding-left:50px;padding-right:35px;top:-150px;position:relative;line-height:35px}.iconGrids{display:grid;grid-template-columns:1fr 1fr;gap:-300px;padding-left:46px;bottom:110px;position:relative}.grid-item img{width:180px;height:180px}.sparkheader img{width:500px;height:190px}.sparktitle h1{font-size:35px;padding-left:55px;padding-top:30px}.sparkclubImg img{width:50%;height:50%;left:45%;top:-205px;position:relative}.sparkabout h3{font-size:22px;padding-left:50px;padding-right:35px;top:-210px;position:relative;line-height:35px}.sparkiconGrids{display:grid;grid-template-columns:1fr 1fr;gap:-300px;padding-left:46px;bottom:170px;position:relative}.sparkgrid-item img{width:180px;height:180px}.volleyballtitle h1{font-size:30px;padding-left:50px;padding-top:30px}.bannerPic img{width:88%;height:160px;display:block;margin-left:auto;margin-right:auto;border-radius:10px}.whiteBackground{background-color:#fff;top:100px;height:110px;margin-top:-50px;border-radius:30px 30px 0px 0px}.dashboard-top{background-color:#11113e;height:160px}.dashboard-top img{width:17%;margin:0 auto;display:block}.calendarBox{width:390px;border:1px solid rgba(128,128,128,.384);height:205px;border-radius:7px;margin-left:50px;padding-left:70px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);margin-top:20px}.calendar{text-align:center;-webkit-filter:saturate(0.3) hue-rotate(135deg);filter:saturate(0.3) hue-rotate(135deg);margin:0 auto;margin-left:-65px;margin-top:15px}#dashboardh1{font-family:"Roboto",sans-serif;font-weight:600;font-size:20px;padding:0px 20px}#remindersh1{font-family:"Roboto",sans-serif;font-weight:600;font-size:20px;padding:0px 20px}.reminder1{width:185px;border:1px solid rgba(128,128,128,.384);height:165px;border-radius:7px;margin-left:50px;padding-left:70px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.reminder2{width:185px;border:1px solid rgba(128,128,128,.384);height:165px;border-radius:7px;margin-left:260px;margin-top:-165px;padding-left:70px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.reminder3{width:185px;border:1px solid rgba(128,128,128,.384);height:165px;border-radius:7px;margin-left:50px;padding-left:70px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);margin-top:20px}.reminder4{width:185px;border:1px solid rgba(128,128,128,.384);height:165px;border-radius:7px;margin-left:260px;margin-top:-165px;padding-left:70px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.reminder1 h3,.reminder2 h3,.reminder3 h3,.reminder4 h3{font-size:15px;margin-top:25px}.reminder1 h4,.reminder2 h4,.reminder3 h4,.reminder4 h4{font-size:12px;font-weight:400;margin-top:40px;margin-left:-45px}.reminder1 h5,.reminder2 h5,.reminder3 h5,.reminder4 h5{font-size:10px;font-weight:400;margin-top:50px;margin-left:60px}.colorSquare1{background-color:rgba(127,255,212,.458);border-radius:5px;width:40px;height:40px;margin-left:-55px;margin-top:-160px}.colorSquare2{background-color:rgba(255,192,203,.318);border-radius:5px;width:40px;height:40px;margin-left:-55px;margin-top:-160px}.colorSquare3{background-color:rgba(162,0,255,.198);border-radius:5px;width:40px;height:40px;margin-left:-55px;margin-top:-160px}.colorSquare4{background-color:rgba(0,191,255,.228);border-radius:5px;width:40px;height:40px;margin-left:-55px;margin-top:-160px}.search-top{background-color:#aae1ff;border-radius:0px 0px 30px 30px;padding-bottom:15px;margin-bottom:15px;height:120px}.search-top img{width:20%;margin:0 auto;display:block}.pagetitle{text-align:center;padding:10px}.searchbar{width:100%;text-align:center}.searchbar input{color:gray;height:40px;width:300px}.star{float:right;text-align:center}.checklist{padding-top:20px;margin:0 auto;-webkit-box-align:vertical;-ms-flex-align:vertical;align-items:vertical;text-align:center}#fa-regular{width:50px;height:50px;float:right;cursor:pointer;text-align:center}.rect{border:1px solid #fa77fa;width:20px;height:60px;background-color:#fa77fa;float:left;margin-left:0 auto;border-radius:10px 0px 0px 10px}.rect1{border:1px solid #8d8dfe;width:20px;height:60px;background-color:#8d8dfe;float:left;border-radius:10px 0px 0px 10px}.rect2{border:1px solid #fccbd3;width:20px;height:60px;background-color:#fccbd3;float:left;border-radius:10px 0px 0px 10px}.rect3{border:1px solid #ff0303;width:20px;height:60px;background-color:#ff0303;float:left;border-radius:10px 0px 0px 10px}.rect4{border:1px solid #fff700;width:20px;height:60px;background-color:#fff700;float:left;border-radius:10px 0px 0px 10px}.rect5{border:1px solid #a5f9a5;width:20px;height:60px;background-color:#a5f9a5;float:left;border-radius:10px 0px 0px 10px}.fa-arrow-circle-right{padding-left:335px}.fa-arrow-circle-right:hover:before{color:blue}.wrapper{padding:45px;padding-bottom:80px}.clubs{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;grid-auto-rows:minmax(auto)}.club{border:1px solid rgba(128,128,128,.384);height:100px;border-radius:10px;font-weight:400;font-size:16px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);display:grid;grid-template-columns:repeat(5, 1fr);gap:10px;grid-auto-rows:minmax(auto)}#name{grid-column:span 3;margin-top:20px}.club:hover{background-color:#eaeaea}input[type=checkbox]{margin:20px;line-height:normal;width:30px;height:30px}#tmg{accent-color:#fa77fa}#wvc{accent-color:#8d8dfe}#innod{accent-color:#fccbd3}#rdc{accent-color:#ff0303}#spark{accent-color:#fff700}#bsa{accent-color:#a5f9a5}