*{font-family:Roboto,sans-serif;margin:0;box-sizing:border-box}.MainContent{display:flex;flex-direction:column;margin:0 auto;max-width:1280px}nav{height:88px;border-bottom:3px solid transparent;border-image:linear-gradient(45deg,purple,orange) 1;box-shadow:0 5px 15px #00000017;font-size:20px;font-weight:500}.navMain{display:flex;flex-direction:row;justify-content:space-between;max-width:1280px;align-items:center;flex-wrap:wrap;margin:0 auto}.navbar-left{width:40%}.navbar-left ul{padding:0;display:flex;flex-direction:row;width:100%;justify-content:flex-start;flex-wrap:wrap}.navbar-left li{list-style:none;color:#5f5f5f;padding:0 15px}.navbar-left li:hover{background:linear-gradient(-180deg,#1A2A6C 0%,#B21F1F 51.04%,#FDBB2D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-left a{border-left:1px solid #5f5f5f6c;text-decoration:none}.navbar-left a:first-child{border-left:none}a:active{background-color:#a3a3a33d}.navbar-right{width:60px;margin-right:30px}.navbar-right img{padding:7px;border:1px rgba(162,162,163,.13) solid;border-radius:360px;box-shadow:0 5px 15px #1d1d1d2d;width:100%;margin-top:5px}.Dashboard{max-width:1280px;background:linear-gradient(180deg,rgba(26,42,108,.3) 0%,rgba(178,31,31,.3) 51.04%,rgba(253,187,45,.3) 100%);height:318px;border-radius:15px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between}.Dashboard h1{margin-top:45px}.Dashboard img{position:relative;right:40px;top:15px;margin-left:25px;width:25%}.Dashboard-right{width:72%;display:flex;flex-flow:row;justify-content:space-around}.Dashboard-content p{margin-top:15px;line-height:25px}.Dashboard-content{width:40%}.dailly-container{width:50%}.pic-mobile{display:none}@media screen and (max-width: 768px){.Dashboard{flex-direction:column;height:fit-content}.Dashboard-content{width:100%;padding:15px;order:0}.dailly-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding-right:2%}.Dashboard-right{flex-direction:column;width:100%}.Dashboard h1{margin-top:15px}.pic-pc{display:none}.pic-mobile{display:block}.Dashboard img{top:0px;right:0px;margin-left:5px;width:40%;object-fit:contain}}.daily-result-container{display:flex;flex-flow:column;justify-content:flex-end;height:100%;padding-bottom:20px}.dashboard-info-container{display:flex;flex-direction:row;margin-right:15px;justify-content:space-between}.dashboard-info{background-color:#ffffff80;border-radius:20px;width:45%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.dashboard-info h2{font-size:1.3vw;font-weight:500;text-align:center;margin:10px 0 0;object-fit:cover;background:linear-gradient(-180deg,#1A2A6C 0%,#B21F1F 51.04%,#FDBB2D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-info p{font-size:2.2vw;font-weight:400px;text-align:center;margin:0 0 10px;object-fit:cover;background:linear-gradient(90deg,#1A2A6C 0%,#B21F1F 51.04%,#FDBB2D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-headline{text-align:center}.dashboard-headline h1{margin-bottom:4px}.dashboard-headline h2{margin-bottom:15px}@media screen and (max-width: 768px){.dashboard-info-container{flex-direction:column;margin-right:0}.dashboard-info{width:100%;margin:8px auto 0}.dashboard-headline h1{margin-top:0;margin-bottom:5px}.dashboard-info h2{font-size:4.5vw;padding:4px}.dashboard-info p{font-size:4vw;font-weight:700}}.changeProfile{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:50%}.ProfilePic{margin-bottom:23px;width:80%}.changeProfile a{color:#000}@media screen and (max-width: 768px){.changeProfile{width:50%}.changeProfile button{width:100%;margin-bottom:32px}}.input-container{width:35%;display:flex;flex-direction:column;justify-content:space-around}.manualLabel{border:1px solid #657285;border-radius:4px;margin:10px 0;width:75%;height:60px;display:flex;flex-direction:column}.manualLabel input{height:35px;border:none}.manualLabel .genderSelect{width:100%;border:none}.labelName{position:relative;top:-10px}.saveButton{font-size:14px;width:75%;height:40px;padding:11px 118px;background-color:#fff;color:#000;border-image:linear-gradient(45deg,purple,orange) 1}.saveButton:hover{background:linear-gradient(90deg,#1A2A6C 0%,#B21F1F 51.04%,#FDBB2D 100%);border:none;color:#fff;cursor:pointer}option{border:none}input:focus{outline:none}select:focus{outline:none}#birthday{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACwSURBVHgBpZM9DoJAEIXfwHYW4g2wsRS9GcEDyAVMvJlaYgM3wMbKmHGXRENkJrDLV21m5r39mVngj6yoaihIuWhQRZRCQ8jRtqiORFQiAGYujRPT+7m6nvcPH/EurxPErxbZ4c4IxGlpjsHPBYE4bSQmhHZp7RUNxFYq7ZUNPDDfRXfE3i7S2/Rize20WU8pHI3NvoJm0EyMoRukkFFO80uyjBetYbYfyS6sEXxx2g+C50t/sUIr1gAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:99%}.input-span,.input-span-type{font-style:12px;color:red;display:none}.input:invalid~.input-span{display:block}@media screen and (max-width: 768px){.input-container{width:100%;display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 425px){.input-container{width:100%;display:flex;justify-content:center;align-items:center}.manualLabel{border:1px solid #657285;border-radius:.25rem;margin:.625rem 0;width:90%;height:3.75rem;display:flex;flex-direction:column}.manualLabel input{height:2.188rem;border:none}.manualLabel .genderSelect{width:100%;border:none}label{background-color:#fff;color:#657285;margin:0 0 0 1rem;padding:0px .313rem;font-size:.875rem;text-align:center}}*{box-sizing:border-box}.profileEdit{margin-top:30px;background:#fff;box-shadow:0 5px 15px #00000017;border-radius:16px;width:1280px;padding:15px}.profileEdit h1{padding-left:80px;margin-bottom:40px;padding-top:20px;font-size:2em;font-weight:700}.profileEdit-body{display:flex;justify-content:space-around}.button-container{display:flex;justify-content:center;width:35%;margin:38px auto 10px}@media screen and (max-width: 768px){.profileEdit h1{padding-left:5%;width:50%;font-weight:500;font-size:23px;color:#414141}.profileEdit-body{width:100%;display:flex;flex-direction:column;align-items:center}}.profile{display:flex;justify-content:center}.manualCard{max-width:1280px;background:#ffffff;box-shadow:0 5px 15px #00000017;border-radius:16px;margin:30px auto 0;max-height:100%}.manualCard h1{margin:0 0 0 80px;padding-top:20px}.activity-form{margin:40px 0 0}.fromcard{width:35%;height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.fromcard input{border:none;height:35px;padding:5px}.fromcard input:focus{outline:none}.manualLable{border:1px solid #657285;border-radius:4px;margin:10px 0;width:75%;height:60px;display:flex;flex-direction:column}.manualLable select{border:none}.manualLable:last-child{height:120px}.lableName{position:relative;top:-10px}label{background-color:#fff;color:#657285;margin:0 0 0 16px;padding:0 5px;font-size:14px;text-align:center}textarea{border:none;resize:none}textarea:focus{outline:none}.summitCard{width:35%;height:100%;margin:10px auto 0;padding-bottom:5px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.summitCard button{width:40%;height:40px;font-size:16px;font-weight:600;color:#000000b2;background-color:#fff;border-image:linear-gradient(45deg,purple,orange) 1;box-shadow:0 4px 6px #7288b536}.summitCard button:hover{background:linear-gradient(90deg,#1A2A6C 0%,#B21F1F 51.04%,#FDBB2D 100%);color:#fff;border:none;cursor:pointer}#birthday{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACwSURBVHgBpZM9DoJAEIXfwHYW4g2wsRS9GcEDyAVMvJlaYgM3wMbKmHGXRENkJrDLV21m5r39mVngj6yoaihIuWhQRZRCQ8jRtqiORFQiAGYujRPT+7m6nvcPH/EurxPErxbZ4c4IxGlpjsHPBYE4bSQmhHZp7RUNxFYq7ZUNPDDfRXfE3i7S2/Rize20WU8pHI3NvoJm0EyMoRukkFFO80uyjBetYbYfyS6sEXxx2g+C50t/sUIr1gAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:99%}#birthday::-webkit-calendar-picker-indicator{opacity:0}.ActivityCard{border:1px solid blueviolet;width:80%;margin:20px;border-radius:15px;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.ActivityCard p{font-size:15px;color:#414141;font-weight:400;margin:0;word-wrap:break-word}.ActivityCard h1{font-size:25px;font-weight:500;color:#292929;text-align:center;margin-bottom:15px}.activity-namelable h2{font-size:14px;color:#fff;width:15%;background:linear-gradient(180deg,#40E0D0 0%,#FF8C00 51.04%,#FF0080 100%);border-radius:20px;padding:3px;text-align:center}.activity-namelable{display:flex;flex-flow:row;justify-content:space-between;height:25px}.freespace{width:70%}.activitypicmain{display:flex;justify-content:center;margin-bottom:15px}.activitypicmain img{width:80%}footer{width:100%;display:flex;align-items:flex-end}footer span{margin-bottom:8px}.ActivityCard h3{margin:30px 5px 5px 0;background:linear-gradient(90deg,#1A2A6C 0%,#B21F1F 51.04%,#FDBB2D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.datasection{display:flex;flex-direction:row;justify-content:space-between;height:40px}.datasection p{padding-top:10px}.display-card{width:30%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}@media screen and (max-width: 768px){.display-card{width:50%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}}@media screen and (max-width: 425px){.display-card{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}}.meetballMenu{width:15%;text-align:center;border-radius:15px;padding:2px}.meetballMenu img{max-width:50%;object-fit:contain}.meetballMenu:hover{background-color:#dad8d880;cursor:pointer}.meetballMenu:active{background-color:#dad8d8cc}.edit-section{display:flex;flex-direction:column;box-shadow:0 5px 15px #0000001a;width:100%;position:relative;left:5px;top:2px}.edit-section button{width:50px;background-color:#fff;border:0;padding:5px;border-bottom:#1A2A6C 1px solid;color:#414141}.edit-section button:hover{background-color:#f0f0f0;cursor:pointer}.edit-section button:active{background-color:#292929;color:#f0f8ff}.content-container{max-width:1280px;margin:0 auto;padding:15px 20px;display:flex;flex-flow:row wrap;justify-content:space-around}.toolbar-head h1{margin-top:10px;padding-top:10px}.toolbar-container{max-width:1280px;margin:0 auto;padding:0 20px}.toolbar-bottom{display:flex;justify-content:center}.toolbar-bottom{display:flex;justify-content:space-between;align-items:center}.toolbar-bottom-left{display:flex;flex-direction:row;width:50%;justify-content:flex-start}.toolbar-activities{height:40px;list-style-type:none;color:#575757;background-color:#fff;width:10%;outline:none;border:none;font-weight:400}.toolbar-activities:hover{background:linear-gradient(180deg,#1A2A6C 0%,#B21F1F 51.04%,#FDBB2D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:red}.toolbar-bottom-right{width:50%;display:flex;justify-content:space-between}.toolbar-bottom input{width:140px;height:40px;border:1px solid #D9D9D9;border-radius:8px}.toolbar-bottom .addData{width:163px;height:40px;background-color:#fff;color:#000;border-image:linear-gradient(45deg,purple,orange) 1}.toolbar-bottom .addData p{font-weight:800}.toolbar-bottom .addData:hover{background:linear-gradient(90deg,rgba(26,42,108,.8) 0%,rgba(179,31,31,.8) 51.04%,rgba(253,187,45,.8) 100%);border-image:linear-gradient(45deg,purple,orange) 1;border:none;color:#fff;cursor:pointer}.toolbar-bottom .addData:active{background:linear-gradient(90deg,rgba(26,42,108,1) 0%,rgba(179,31,31,1) 51.04%,rgba(253,187,45,1) 100%);color:#fff}#day{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACwSURBVHgBpZM9DoJAEIXfwHYW4g2wsRS9GcEDyAVMvJlaYgM3wMbKmHGXRENkJrDLV21m5r39mVngj6yoaihIuWhQRZRCQ8jRtqiORFQiAGYujRPT+7m6nvcPH/EurxPErxbZ4c4IxGlpjsHPBYE4bSQmhHZp7RUNxFYq7ZUNPDDfRXfE3i7S2/Rize20WU8pHI3NvoJm0EyMoRukkFFO80uyjBetYbYfyS6sEXxx2g+C50t/sUIr1gAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:99%}#day::-webkit-calendar-picker-indicator{opacity:0}#chooseDay{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACwSURBVHgBpZM9DoJAEIXfwHYW4g2wsRS9GcEDyAVMvJlaYgM3wMbKmHGXRENkJrDLV21m5r39mVngj6yoaihIuWhQRZRCQ8jRtqiORFQiAGYujRPT+7m6nvcPH/EurxPErxbZ4c4IxGlpjsHPBYE4bSQmhHZp7RUNxFYq7ZUNPDDfRXfE3i7S2/Rize20WU8pHI3NvoJm0EyMoRukkFFO80uyjBetYbYfyS6sEXxx2g+C50t/sUIr1gAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:95%}#chooseDay::-webkit-calendar-picker-indicator{opacity:0}input[type=date]{padding:0 10px}@media screen and (max-width: 425px){.toolbar-bottom{display:flex;justify-content:space-between;align-items:center;flex-direction:column;margin-bottom:5px}.toolbar-activities{height:2.5rem;width:3.125rem;list-style-type:none;color:#575757;background-color:#fff;outline:none;border:none;font-weight:400}.toolbar-bottom-right{width:75%;display:flex;justify-content:space-between;margin-top:15px}.toolbar-bottom-left{display:flex;flex-direction:row;width:55%;justify-content:flex-start;margin-top:15px;margin-bottom:10px}}.Header-section{margin:10px}.back-ground{max-height:100vh;background:linear-gradient(90deg,#757575 0%,#d49d9b 51.04%,#e6cfa4 100%);overflow:hidden}.back-ground img{background-position:center;width:100vw;height:100vh;object-fit:cover}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25rem;background:white;border-radius:10px;border:1px solid rgb(255,255,255)}.container h1{text-align:center;padding:0 0 20px;border-bottom:2px solid silver}.container form{padding:0 40px;box-sizing:border-box}form .txt_field{position:relative;border-bottom:2px solid silver;margin:30px 0}.txt_field input{width:100%;padding:0 5px;height:40px;font-size:16px;border:none;background:none;outline:none}.txt_field label{position:absolute;top:50%;left:5px;transform:translateY(-50%);font-size:16px;pointer-events:none;transition:.5s;background:none}.txt_field span:before{content:"";position:absolute;top:40px;left:0;width:0%;height:2px;background:#2691d9;transition:.5s}.txt_field input:focus~label,.txt_field input:valid~label{top:-5px;color:#2691d9}.txt_field input:focus~span:before,.txt_field input:valid~span:before{width:100%}.pass{margin:-5px 0 20px 5px;color:#a6a6a6;cursor:pointer}.pass:hover{text-decoration:underline}input[type=submit]{width:100%;height:50px;border:1px solid;background:#2691d9;border-radius:25px;font-size:18px;color:#e9f4fb;font-weight:700;cursor:pointer;outline:none}input[type=submit]:hover{border-color:#2691d9;transition:.5s}.signup_link{margin:30px 0;text-align:center;font-size:16px;color:#666}.signup_link a{color:#2691d9;text-decoration:none}.signup_link a:hover{text-decoration:underline}