@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,300);.frame1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:blue;background-image:linear-gradient(to bottom left,#0ac8d3,#673dcd);border-radius:2px;box-shadow:4px 8px 16px 0 rgba(0,0,0,.1);color:#333;font-family:Open Sans,Helvetica,sans-serif;height:400px;overflow:hidden;position:relative;width:400px}.center1{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hundy{align-items:center;display:flex;flex-direction:row;justify-content:center}#one{bottom:0;height:100px;right:195px}#one,#one-top{background-color:#fff;border-radius:3px;-webkit-filter:drop-shadow(0 0 .25rem gray);filter:drop-shadow(0 0 .25rem gray);position:relative;width:25px}#one-top{bottom:28px;height:40px;left:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#zero-one{right:80px}#zero-one,#zero-two{border:25px solid #fff;border-radius:70px;bottom:0;-webkit-filter:drop-shadow(0 0 .25rem gray);filter:drop-shadow(0 0 .25rem gray);height:50px;position:relative;width:50px}#zero-two{left:100px}.textbox{align-items:center;display:flex;flex-direction:column;justify-content:center}.text{color:#fff;font-family:courier;margin:0;padding:0}#days{font-size:80px;font-weight:700}#challenge-text{font-size:24px}.frame2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#00b353;border-radius:2px;box-shadow:4px 8px 16px 0 rgba(0,0,0,.1);color:#333;font-family:Open Sans,Helvetica,sans-serif;height:400px;overflow:hidden;position:relative;width:400px}.center2{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.center:hover{cursor:pointer}.bars{width:120px}.bar{background-color:#fff;border-radius:4px;-webkit-filter:drop-shadow(0 0 .25rem gray);filter:drop-shadow(0 0 .25rem gray);height:7px;margin:10px 0;width:100px}#bar-1{-webkit-transform:translateY(50%) rotate(-180deg);transform:translateY(50%) rotate(-180deg)}#bar-1,.active>#bar-1{transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.active>#bar-1{-webkit-transform:translateY(50%) rotate(45deg);transform:translateY(50%) rotate(45deg)}#bar-2{-webkit-transform:translateY(50%) rotate(180deg);transform:translateY(50%) rotate(180deg)}#bar-2,.active>#bar-2{transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.active>#bar-2{-webkit-transform:translateY(50%) rotate(-45deg);transform:translateY(50%) rotate(-45deg);-webkit-transform-origin:31px 1px;transform-origin:31px 1px}#bar-3{margin:14px 0;transition:display ease-out-in 2s}.active>#bar-3{display:none;margin:0}.frame3{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#6ebff5;border-radius:2px;box-shadow:4px 8px 16px 0 rgba(0,0,0,.1);color:#333;font-family:Open Sans,Helvetica,sans-serif;height:400px;overflow:hidden;position:relative;width:400px}.center3{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#ground,.center3{position:absolute}#ground{background-color:#fff1a8;border-radius:0 0 115px 115px/0 0 115px 115px;height:100px;left:-120px;top:20px;width:230px}@-webkit-keyframes sunPosition{0%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(80deg);transform:rotate(80deg)}}@keyframes sunPosition{0%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(80deg);transform:rotate(80deg)}}#sun{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:sunPosition;animation-name:sunPosition;background-color:#ff0;border-radius:15px;height:30px;left:-25px;position:absolute;top:-95px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 400%;transform-origin:50% 400%;width:30px}@-webkit-keyframes pyramid-color-left{0%{background-color:#fcf6cc}to{background-color:#b0ac8d}}@keyframes pyramid-color-left{0%{background-color:#fcf6cc}to{background-color:#b0ac8d}}@-webkit-keyframes pyramid-color-right{0%{background-color:#b0ac8d}to{background-color:#fcf6cc}}@keyframes pyramid-color-right{0%{background-color:#b0ac8d}to{background-color:#fcf6cc}}#pyramid-left{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:pyramid-color-left;animation-name:pyramid-color-left;-webkit-animation-timing-function:ease;animation-timing-function:ease;background:#fcf6cc;-webkit-clip-path:polygon(0 80px,70px 0,90px 80px);clip-path:polygon(0 80px,70px 0,90px 80px);left:-80px}#pyramid-left,#pyramid-right{-webkit-animation-duration:5s;animation-duration:5s;height:90px;position:absolute;top:-60px;width:90px}#pyramid-right{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:pyramid-color-right;animation-name:pyramid-color-right;-webkit-animation-timing-function:ease;animation-timing-function:ease;background:#fff;-webkit-clip-path:polygon(20px 80px,0 0,80px 80px);clip-path:polygon(20px 80px,0 0,80px 80px);left:-10px}#grayFrame{border:20px solid #383838;border-radius:150px;bottom:-130px;height:225px;position:absolute;right:-130px;width:225px}@-webkit-keyframes shadow-pyramid{0%{-webkit-clip-path:polygon(20px 0,170px 0,190px 20px);clip-path:polygon(20px 0,170px 0,190px 20px)}50%{-webkit-clip-path:polygon(20px 0,170px 0,90px 70px);clip-path:polygon(20px 0,170px 0,90px 70px)}to{-webkit-clip-path:polygon(20px 0,170px 0,0 30px);clip-path:polygon(20px 0,170px 0,0 30px)}}@keyframes shadow-pyramid{0%{-webkit-clip-path:polygon(20px 0,170px 0,190px 20px);clip-path:polygon(20px 0,170px 0,190px 20px)}50%{-webkit-clip-path:polygon(20px 0,170px 0,90px 70px);clip-path:polygon(20px 0,170px 0,90px 70px)}to{-webkit-clip-path:polygon(20px 0,170px 0,0 30px);clip-path:polygon(20px 0,170px 0,0 30px)}}#pyramidShadow{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shadow-pyramid;animation-name:shadow-pyramid;-webkit-animation-timing-function:ease;animation-timing-function:ease;background:#8a825a;bottom:-110px;-webkit-clip-path:polygon(0 0,150px 0,90px 80px);clip-path:polygon(0 0,150px 0,90px 80px);height:90px;position:absolute;right:-110px;width:210px}.frame4{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:salmon;border-radius:2px;box-shadow:4px 8px 16px 0 rgba(0,0,0,.1);color:#333;font-family:Open Sans,Helvetica,sans-serif;height:400px;overflow:hidden;position:relative;width:400px}.center4{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes circleScale-big{0%{-webkit-transform:scale(0);transform:scale(0)}70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes circleScale-big{0%{-webkit-transform:scale(0);transform:scale(0)}70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes circleScale-mid{0%{-webkit-transform:scale(0);transform:scale(0)}30%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes circleScale-mid{0%{-webkit-transform:scale(0);transform:scale(0)}30%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes circleScale-sm{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(0);transform:scale(0)}90%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes circleScale-sm{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(0);transform:scale(0)}90%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}#bigCircle{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:circleScale-big;animation-name:circleScale-big;-webkit-animation-timing-function:ease;animation-timing-function:ease;border-radius:60px;bottom:-60px;-webkit-filter:drop-shadow(.25rem .25rem .55rem #a1a1a1);filter:drop-shadow(.25rem .25rem .55rem #a1a1a1);height:120px;right:-60px;width:120px}#bigCircle,#midCircle{-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:2.5s;animation-duration:2.5s;background:#fff;position:absolute}#midCircle{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:circleScale-mid;animation-name:circleScale-mid;-webkit-animation-timing-function:ease;animation-timing-function:ease;border-radius:40px;bottom:-40px;-webkit-filter:drop-shadow(.25rem .25rem .45rem #a1a1a1);filter:drop-shadow(.25rem .25rem .45rem #a1a1a1);height:80px;right:-40px;width:80px}#smCircle{-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:circleScale-sm;animation-name:circleScale-sm;-webkit-animation-timing-function:ease;animation-timing-function:ease;background:#fff;border-radius:20px;bottom:-20px;-webkit-filter:drop-shadow(.25rem .25rem .35rem #a1a1a1);filter:drop-shadow(.25rem .25rem .35rem #a1a1a1);height:40px;position:absolute;right:-20px;width:40px}.frame5{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1c4975;border-radius:2px;box-shadow:4px 8px 16px 0 rgba(0,0,0,.1);color:#333;font-family:Open Sans,Helvetica,sans-serif;height:400px;overflow:hidden;position:relative;width:400px}.center5{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.table{background:#fff;border-radius:3px;bottom:-100px;-webkit-filter:drop-shadow(5px 5px 4px #193c5e);filter:drop-shadow(5px 5px 4px #193c5e);height:200px;left:-137px}.heading,.table{position:absolute;width:274px}.heading{background:orange;border-radius:3px 3px 0 0;display:flex;flex-direction:row;height:50px;justify-content:space-around}.title-font{font-size:15px}.label-font,.title-font{color:#fff;line-height:.1;padding:0 5px}.label-font{font-size:10px}.key{display:flex;flex-direction:row;left:160px;position:absolute;top:50px}.key-font{font-size:10px;padding:0 3px}.red-line{background:red}.blue-line,.red-line{height:2px;margin:0 3px;position:relative;top:14px;width:6px}.blue-line{background:blue}.bar-1{top:90px}.bar-1,.bar-2{background:gray;height:.5px;left:5px;position:absolute;width:262px}.bar-2{top:130px}.bar-3{background:gray;height:.5px;left:5px;top:170px;width:262px}.bar-3,.cal{position:absolute}.cal{bottom:0;display:flex;flex-direction:row;justify-content:space-around;left:0;width:270px}.date{font-size:8px}.red-line-1{background:red;-webkit-clip-path:polygon(0 60px,0 58px,39px 14px,39px 16px);clip-path:polygon(0 60px,0 58px,39px 14px,39px 16px);height:60px;left:20px;position:absolute;top:90px;width:39px}.red-dot-1{left:55px;top:101px}.red-dot-1,.red-dot-2{background:red;border-radius:4px;height:8px;position:absolute;width:8px}.red-dot-2{left:92px;top:110px}.red-dot-3{left:133px;top:94px}.red-dot-3,.red-dot-4{background:red;border-radius:4px;height:8px;position:absolute;width:8px}.red-dot-4{left:170px;top:126px}.red-dot-5{background:red;border-radius:4px;height:8px;left:210px;position:absolute;top:135px;width:8px}.red-line-2{-webkit-clip-path:polygon(0 16px,0 14px,39px 24px,39px 26px);clip-path:polygon(0 16px,0 14px,39px 24px,39px 26px);left:59px}.red-line-2,.red-line-3{background:red;height:60px;position:absolute;top:90px;width:39px}.red-line-3{-webkit-clip-path:polygon(0 26px,0 24px,39px 6px,39px 8px);clip-path:polygon(0 26px,0 24px,39px 6px,39px 8px);left:98px}.red-line-4{-webkit-clip-path:polygon(0 8px,0 6px,39px 40px,39px 42px);clip-path:polygon(0 8px,0 6px,39px 40px,39px 42px);left:137px}.red-line-4,.red-line-5{background:red;height:60px;position:absolute;top:90px;width:39px}.red-line-5{-webkit-clip-path:polygon(0 42px,0 40px,39px 48px,39px 50px);clip-path:polygon(0 42px,0 40px,39px 48px,39px 50px);left:176px}.red-line-6{background:red;-webkit-clip-path:polygon(0 50px,0 48px,46px 4px,46px 6px);clip-path:polygon(0 50px,0 48px,46px 4px,46px 6px);height:60px;left:215px;position:absolute;top:90px;width:39px}.blue-line-1{-webkit-clip-path:polygon(0 46px,0 44px,39px 34px,39px 36px);clip-path:polygon(0 46px,0 44px,39px 34px,39px 36px);left:20px}.blue-line-1,.blue-line-2{background:blue;height:60px;position:absolute;top:110px;width:39px}.blue-line-2{-webkit-clip-path:polygon(0 36px,0 34px,39px 44px,39px 46px);clip-path:polygon(0 36px,0 34px,39px 44px,39px 46px);left:59px}.blue-line-3{-webkit-clip-path:polygon(0 46px,0 44px,39px 12px,39px 14px);clip-path:polygon(0 46px,0 44px,39px 12px,39px 14px);left:98px}.blue-line-3,.blue-line-4{background:blue;height:60px;position:absolute;top:110px;width:39px}.blue-line-4{-webkit-clip-path:polygon(0 14px,0 12px,39px 26px,39px 28px);clip-path:polygon(0 14px,0 12px,39px 26px,39px 28px);left:137px}.blue-line-5{-webkit-clip-path:polygon(0 28px,0 26px,39px 48px,39px 50px);clip-path:polygon(0 28px,0 26px,39px 48px,39px 50px);left:176px}.blue-line-5,.blue-line-6{background:blue;height:60px;position:absolute;top:110px;width:39px}.blue-line-6{-webkit-clip-path:polygon(0 50px,0 48px,46px 16px,46px 18px);clip-path:polygon(0 50px,0 48px,46px 16px,46px 18px);left:215px}.blue-dot-1{left:55px;top:141px}.blue-dot-1,.blue-dot-2{background:blue;border-radius:4px;height:8px;position:absolute;width:8px}.blue-dot-2{left:93px;top:150px}.blue-dot-3{left:133px;top:118px}.blue-dot-3,.blue-dot-4{background:blue;border-radius:4px;height:8px;position:absolute;width:8px}.blue-dot-4{left:170px;top:133px}.blue-dot-5{background:blue;border-radius:4px;height:8px;left:210px;position:absolute;top:154px;width:8px}.frame6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ff0;background-image:linear-gradient(to bottom left,#bf8336,#f7be5c);border-radius:2px;box-shadow:4px 8px 16px 0 rgba(0,0,0,.1);color:#333;font-family:Open Sans,Helvetica,sans-serif;height:400px;overflow:hidden;position:relative;width:400px}.center6{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.box{background:#fff;border-radius:10px;box-shadow:4px 8px 16px 0 #996726;display:flex;flex-direction:row;height:300px;width:325px}.profile{align-items:center;display:flex;flex-direction:column;height:319px;justify-content:center;width:224px}.profile-image{border-radius:50px;height:100px;width:100px;z-index:100}.semi-circle-1{height:108px;left:57px;top:44px;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1.5s;width:108px}.semi-circle-1,.semi-circle-2{border:1px solid #786450;border-radius:50%;border-right-color:transparent;position:absolute}.semi-circle-2{height:114px;left:54px;top:41px;-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all 1.5s ease-in-out;width:114px}.semi-circles:hover>.semi-circle-2{cursor:pointer;-webkit-transform:rotate(540deg);transform:rotate(540deg)}.semi-circles:hover>.semi-circle-1{cursor:pointer;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}#name{margin:15px 0 0}#bio,#name{color:#755e3f}#bio{margin:0 0 15px}button{background:#fff;border:1px solid #755e3f;border-radius:12px;color:#755e3f;font-size:12px;height:24px;margin:0 0 5px;width:100px}button:hover{background:#755e3f;color:#fff;cursor:pointer}.userInfoDiv{align-items:center;background:#faeee3;display:flex;flex-direction:column;height:99.25px;justify-content:center;margin:0 0 1px 1px;width:100px}.userInfoDiv:hover{background:#f0ddcc;cursor:pointer}#top-right{border-radius:0 10px 0 0}#bottom-right{border-radius:0 0 10px 0}.subtitle{font-size:10px}.subtitle,.userInfo{color:#755e3f;margin:0}
/*# sourceMappingURL=main.88135d57.css.map*/