:root{font-family:Segoe UI;line-height:1.5;font-weight:400;color-scheme:light dark;color:#062310;background-color:#fdf8f8}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin-top:-50px}h1{font-size:3.2em;line-height:1.1;align-items:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:green;cursor:pointer;transition:border-color .25s;align-self:center}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html{scroll-behavior:smooth}.section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;padding-top:85px;text-align:center}.hero-section{background-color:#fdf8f8;max-height:100vh}.start-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;text-align:center}img{width:275px;height:auto}.text-box{position:relative;width:300px;height:40px;padding:.5rem;font-size:1rem;align-items:center;margin:20px auto 0;padding-top:50px;top:310px;padding-right:25px}.start-section{display:flex;justify-content:center;position:relative;min-height:100vh}.green-box{position:relative;width:450px;height:200px;background-color:#bbf1cc;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}button{padding:.8rem 1.5rem;font-size:1.2rem;background-color:#062310;color:#fdf8f8;border:none;border-radius:10px;cursor:pointer}.green-rect1{width:100%;max-width:1200px;height:120px;background-color:#bbf1cc;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-top:80px}.name{margin:auto}.quote{width:460px;height:110px;background-color:#bbf1cc;border-radius:10px;display:flex;flex-direction:column;padding-left:0;text-align:center;padding-top:20px}.statsBar{width:650px;height:250px;background-color:#bbf1cc;border-radius:10px;display:flex;flex-direction:column;padding-left:0;text-align:center;padding-top:0}.green-rect1{grid-column:1 / 3}.weather{grid-column:1 / 2}.avatar{grid-column:2 / 3;display:flex;justify-content:center}.quote,.statsBar{grid-column:1 / 3}.goalForm{grid-column:1 / 2;display:flex;flex-direction:column;gap:10px}.goalsList{grid-column:2 / 3}.avatar-stats-grid{display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto auto;gap:20px;align-items:start;width:fit-content;margin:0 auto}.avatar{grid-row:1 / 3;grid-column:1 / 2;display:flex;justify-content:center}.quote{width:100%;text-align:center;font-size:22px}.statsBar{width:100%}.statsBar ul{width:100%;padding:0;list-style:none}.datetime-wrapper{display:flex;align-items:center;gap:20px;padding-right:40px}.date,.time{width:160px;height:80px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.avatar-stats-container{width:100%;max-width:1200px;border-radius:10px;padding:40px 0;display:flex;gap:40px}.avatar{flex:1;display:flex;justify-content:center;align-items:center}.right-side{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;gap:20px}