.App{margin:auto;left:0;right:0}a{text-decoration:none}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;margin:0;padding:0;font-family:Open Sans,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}li{margin-bottom:32px}textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}input,textarea{-webkit-appearance:none!important}.containerHeader{flex-direction:column;align-items:center;display:flex}.header{margin:0;font-size:2vw;font-weight:400}.logo{width:30%}.description{text-align:center;width:75%;margin:15px 0;font-style:italic}@media (width<=767px){.header{font-size:6vw}.logo{width:75%}.description{width:100%;font-size:4vw}}.detailsContainer{justify-content:center;align-self:center;width:70%}.pointsDisplayContainer{justify-content:space-around;margin-bottom:1em;display:flex}.pointsContainer{flex-direction:column;justify-content:center;align-items:center;display:flex}.points{text-align:center;background-color:#4ac7ea;border-radius:10px;flex-direction:column;justify-content:center;padding:2vw 6vw;display:flex}.pointAmount{color:#fff;margin:5px;font-size:4vw;font-weight:700}.label{text-align:center;margin:0 0 .75em;font-size:1.5em;font-weight:bolder}.info{justify-content:center;align-items:center;display:flex}@media (width<=767px){.detailsContainer{justify-content:center;width:100%}.points{background-color:#4ac7ea;width:30%;padding:3vw 10vw}.label{font-size:100%}.pointAmount{font-size:6vw}}.ProgressNum{font-size:8vw;font-weight:bolder}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.sectionTitle{color:#000;border-radius:10px;padding:3vw 2.5vw;font-size:1.3em}.goalsContainer{flex-wrap:wrap;justify-content:space-evenly;margin:auto;display:flex}.goals{flex-direction:column;align-items:center;width:22%;padding:2%;display:flex}.even{width:25%;padding:2% 5%}.goalsText{text-align:center;font-size:2vw}@media (width<=767px){.sectionTitle{font-size:4vw}.goalsContainer{flex-wrap:wrap;justify-content:space-evenly;width:100%;display:flex}.goals{flex-direction:column;align-items:center;width:25%;padding:2.5%;display:flex}.even{width:25%;padding:2% 5%}.goalsText{text-align:center;font-size:3vw}}.container{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.lds-roller{width:80px;height:80px;display:inline-block;position:relative}.lds-roller div{transform-origin:40px 40px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-roller}.lds-roller div:after{content:" ";background:#d8bfd8;border-radius:50%;width:7px;height:7px;margin:-4px 0 0 -4px;display:block;position:absolute}.lds-roller div:first-child{animation-delay:-.036s}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-.072s}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nt-link{cursor:pointer;color:#00f}
