@import url(https://fonts.googleapis.com/css?family=Bowlby+One+SC&display=swap);@import url(https://fonts.googleapis.com/css?family=Changa&display=swap);@import url(https://fonts.googleapis.com/css?family=Sarabun&display=swap);@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.App{text-align:center}.App-link{color:#61dafb}@media only screen and (min-device-width:1100px){.header{font-size:6rem;height:12rem}.navbutton{background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Hamburger_icon.svg/1200px-Hamburger_icon.svg.png)}.navbutton,.navclose{margin-right:95%;width:3rem;height:3rem;background-position:50%;background-size:100%;border:none}.navclose{background-image:url(https://cdn3.iconfinder.com/data/icons/ui-icons-5/16/cross-small-01-512.png)}.navbar{width:10rem;background-color:#00008b;height:12rem;color:#fff;display:flex;flex-direction:column;text-align:left;font-family:"Changa",sans-serif;font-size:1.2rem;position:absolute;overflow-y:hidden;z-index:2;-webkit-transform:translate(0);transform:translate(0)}.navbar,.slide{-webkit-transition:.5s;transition:.5s}.slide{-webkit-transform:translateY(-100%);transform:translateY(-100%)}li{margin:1rem;text-decoration:none}.logout-button{font-family:"Changa",sans-serif;border:none;background-color:transparent;color:#000;font-size:1.5rem;margin-left:80rem}.login-page-div{display:flex;justify-content:center}.login-page-div div{width:50%}.login,.signup{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;margin-top:1rem;border:.1rem solid #000;width:30rem;height:20rem;font-family:"Sarabun",sans-serif;background-color:#add8e6}.login-input,.signup-input{width:24rem;height:2rem;margin:1.5% 1% 1%;font-size:1.5rem;font-family:"Sarabun",sans-serif}.login-button{margin-top:30%}.login-button,.signup-button{font-size:1.2rem}.form-button,.login-button,.signup-button{border:none;font-family:"Sarabun",sans-serif;font-weight:700;text-decoration:underline;background-color:transparent}.form-button{font-size:.9rem}.user-photo{width:18%}.user-race-div{height:50%;margin:1%;width:25rem;overflow-y:auto}.race-div{display:flex;justify-content:center}.race-button{border:.2rem solid #000}.race-button,.selected-race-button{cursor:pointer;height:1.5rem;width:9rem;font-family:"Sarabun",sans-serif;font-size:1.2rem;margin:1rem}.selected-race-button{border:.2rem solid #00f}.submit-race{height:1.8rem;width:4rem;font-family:"Sarabun",sans-serif;align-self:center}.submit-div{display:flex;flex-direction:column;justify-content:center}.race-name-input{width:30%;height:1.5rem;align-self:center;font-size:1rem;margin:1%}.calendar-page{display:flex;justify-content:center}.today{margin-right:1%}.race{margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.race h1{font-size:2rem;margin:1%}.race h1,.week{font-family:"Sarabun",sans-serif}.week{display:flex;justify-self:center}.space{width:5rem}.dayname,.space{border:solid #000;font-weight:700}.dayname{width:7rem;height:1.2rem;font-family:"Sarabun",sans-serif}.day{border:solid #000;align-content:center;height:3rem;width:7rem}.completed{background-image:url(https://images.onlinelabels.com/images/clip-art/qubodup/Green%20Checkmark%20_-312459.png);background-position:50%;background-size:20% 75%;background-repeat:no-repeat}.checkmark{height:1rem;width:1rem}.complete-button{font-size:1.5rem;border:none;color:#00f;margin-bottom:2%}.race-tips{width:30%;margin:1%}.dayinfo{margin:3rem;height:25rem;width:30rem}.add-workout input{width:75%;height:2rem;margin:.5rem;font-size:1.5rem}.add-workout input,.goback{font-family:"Sarabun",sans-serif}.goback{margin-left:93%;font-weight:700}.all-users,.following-followers{width:30rem;margin:1%}.same-race-div{width:62rem}.friend-schedule{width:auto;height:auto;align-self:center;margin-top:1%;margin-bottom:1%}.friend-race{margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.user-race{margin:0;height:auto;width:auto}.user-week{display:flex;font-family:"Sarabun",sans-serif;margin:0;height:-webkit-max-content;height:-moz-max-content;height:max-content}.user-week .dayname{margin:0}.dayname-space{width:6rem;height:1.2rem;border:solid #000}.user-week .day{margin:0}.user-space{margin:0;width:6rem;height:3rem;border:solid #000;font-weight:700}}@media only screen and (min-device-width:600px) and (max-device-width:1050px){.header{font-size:6rem;height:12rem}.navbutton{background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Hamburger_icon.svg/1200px-Hamburger_icon.svg.png)}.navbutton,.navclose{margin-right:93%;width:3rem;height:3rem;background-position:50%;background-size:100%;border:none;background-color:#fff}.navclose{background-image:url(https://cdn3.iconfinder.com/data/icons/ui-icons-5/16/cross-small-01-512.png)}.navbar{width:10rem;background-color:#00008b;height:12rem;color:#fff;display:flex;flex-direction:column;text-align:left;font-family:"Changa",sans-serif;font-size:1.2rem;position:absolute;overflow-y:hidden;z-index:2;-webkit-transform:translate(0);transform:translate(0)}.navbar,.slide{-webkit-transition:.5s;transition:.5s}.slide{-webkit-transform:translateY(-100%);transform:translateY(-100%)}li{margin:1rem;text-decoration:none}.logout-button{font-family:"Changa",sans-serif;border:none;background-color:transparent;color:#000;font-size:1.5rem;margin-left:80rem}.login-page-div{display:flex;justify-content:center}.login-page-div div{width:50%}.login,.signup{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;margin-top:1rem;border:.1rem solid #000;width:30rem;height:20rem;font-family:"Sarabun",sans-serif;background-color:#add8e6}.login-input,.signup-input{width:24rem;height:2rem;margin:1.5% 1% 1%;font-size:1.5rem;font-family:"Sarabun",sans-serif}.login-button{margin-top:30%}.login-button,.signup-button{font-size:1.2rem}.form-button,.login-button,.signup-button{border:none;font-family:"Sarabun",sans-serif;font-weight:700;text-decoration:underline;background-color:transparent}.form-button{font-size:.9rem}.user-photo{width:18%}.user-race-div{height:50%;margin:1%;width:25rem;overflow-y:auto}.race-div{display:flex;justify-content:center}.race-button{border:.2rem solid #000}.race-button,.selected-race-button{cursor:pointer;height:1.5rem;width:9rem;font-family:"Sarabun",sans-serif;font-size:1.2rem;margin:1rem}.selected-race-button{border:.2rem solid #00f}.submit-race{font-family:"Sarabun",sans-serif;align-self:center}.submit-div{display:flex;flex-direction:column;justify-content:center}.race-name-input{width:30%;height:1.5rem;align-self:center;font-size:1rem;margin:1%}.calendar-page,.race{display:flex;flex-direction:column}.race{margin-top:1rem;margin-bottom:1rem;align-items:center}.race h1{font-size:2rem;margin:1%}.race h1,.week{font-family:"Sarabun",sans-serif}.week{display:flex;justify-self:center}.dayname,.space{width:5rem;border:solid #000;font-weight:700}.dayname{height:1.2rem;font-family:"Sarabun",sans-serif}.profile{flex-direction:column}.day{border:solid #000;align-content:center;height:3rem;width:5rem}.completed{background-image:url(https://images.onlinelabels.com/images/clip-art/qubodup/Green%20Checkmark%20_-312459.png);background-position:50%;background-size:30% 60%;background-repeat:no-repeat}.checkmark{height:1rem;width:1rem}.complete-button{font-size:1.5rem;border:none;color:#00f;margin-bottom:2%;background-color:transparent}.dayinfo{margin:3rem;height:25rem;width:30rem}.add-workout input{width:75%;height:2rem;margin:.5rem;font-size:1.5rem}.add-workout input,.goback{font-family:"Sarabun",sans-serif}.goback{margin-left:93%;font-weight:700}.race-tips{width:99%}.all-users,.following-followers{width:30rem;margin:1%}.friend-schedule{width:auto;height:auto;align-self:center;margin-top:1%;margin-bottom:1%}.friend-race{margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.user-race{margin:0;height:auto;width:auto}.user-week{display:flex;font-family:"Sarabun",sans-serif;margin:0;height:-webkit-max-content;height:-moz-max-content;height:max-content}.user-week .dayname{margin:0}.dayname-space{width:6rem;height:1.2rem;border:solid #000}.user-week .day{margin:0}.user-space{margin:0;width:6rem;height:3rem;border:solid #000;font-weight:700}.messages-div{flex-direction:column;align-items:center}}@media only screen and (max-device-width:500px){.header{display:flex;flex-direction:column;width:100%;font-size:4rem;height:5rem}.navbutton{margin-bottom:.5%;background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Hamburger_icon.svg/1200px-Hamburger_icon.svg.png)}.navbutton,.navclose{margin-left:1%;width:1rem;height:1rem;background-position:50%;background-size:100%;background-repeat:no-repeat;border:none;background-color:#fff}.navclose{background-image:url(https://cdn3.iconfinder.com/data/icons/ui-icons-5/16/cross-small-01-512.png)}.navbar{width:30%;background-color:#00008b;height:6rem;color:#fff;display:flex;flex-direction:column;text-align:left;font-family:"Changa",sans-serif;font-size:1.2rem;position:absolute;overflow-y:hidden;z-index:2;-webkit-transform:translate(0);transform:translate(0)}.navbar,.slide{-webkit-transition:.5s;transition:.5s}.slide{-webkit-transform:translateY(-100%);transform:translateY(-100%)}li{margin:.5rem;text-decoration:none;font-size:.8rem}.logout-button{font-family:"Changa",sans-serif;border:none;background-color:transparent;color:#000;font-size:1.5rem;margin-left:80rem}.login,.login-page-div,.signup{display:flex;flex-direction:column;align-items:center}.login,.signup{margin-left:auto;margin-right:auto;margin-top:1rem;border:.1rem solid #000;width:90%;height:80%;font-family:"Sarabun",sans-serif;background-color:#add8e6}.login-input,.signup-input{width:70%;height:1.5rem;margin:1.5% 1% 1%;font-size:1.5rem;font-family:"Sarabun",sans-serif}.login-button{margin-top:30%}.login-button,.signup-button{font-size:1.2rem}.form-button,.login-button,.signup-button{border:none;font-family:"Sarabun",sans-serif;font-weight:700;text-decoration:underline;background-color:transparent}.form-button{font-size:.9rem}.profile{flex-direction:column;align-content:center}.user-photo{width:70%}.user-race-div{height:9rem;margin:1%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;align-self:center}.race-div{display:flex;justify-content:center}.race-button{border:.2rem solid #000}.race-button,.selected-race-button{cursor:pointer;height:1.5rem;width:3.5rem;font-family:"Sarabun",sans-serif;font-size:.75rem;margin:1rem}.selected-race-button{border:.2rem solid #00f}.submit-race{font-family:"Sarabun",sans-serif}.race-name-input,.submit-race{font-size:1rem;align-self:center}.race-name-input{height:1.5rem;margin:1%;border:.01rem solid #000;text-indent:1%}.completed-race{margin-top:2%}.dayshow{flex-direction:column}.calendar-page,.race{display:flex;flex-direction:column}.race{margin-top:1rem;margin-bottom:1rem;align-items:center}.race h1{font-size:2rem;margin:1%}.race h1,.week{font-family:"Sarabun",sans-serif}.week{display:flex;justify-self:center;font-size:.8rem}.space{width:2rem}.dayname,.space{border:solid #000;font-weight:700}.dayname{width:2.5rem;height:1.2rem;font-family:"Sarabun",sans-serif;font-size:.5rem}.day{border:solid #000;align-content:center;height:2rem;width:2.5rem;font-size:.55rem}.completed{background-image:url(https://images.onlinelabels.com/images/clip-art/qubodup/Green%20Checkmark%20_-312459.png);background-position:50%;background-size:30% 60%;background-repeat:no-repeat}.checkmark{height:1rem;width:1rem}.complete-button{font-size:1.5rem;border:none;color:#00f;margin-bottom:2%;background-color:transparent}.race-tips{width:99%}.dayinfo{margin:1%}.add-workout input{width:75%;height:1.5rem;margin:.5rem;font-size:1rem;text-indent:1%;border:.01rem solid #000}.add-workout input,.goback{font-family:"Sarabun",sans-serif}.goback{margin-left:90%;font-weight:700}.all-users,.following-followers{margin:1%}.friend-schedule{width:auto;height:auto;align-self:center;margin-top:1%;margin-bottom:1%}.friend-race{margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.user-race{margin:0;height:auto;width:auto}.user-week{display:flex;font-family:"Sarabun",sans-serif;margin:0;height:-webkit-max-content;height:-moz-max-content;height:max-content}.user-week .dayname{margin:0}.dayname-space{width:3rem;height:1.2rem;border:solid #000}.user-week .day{margin:0}.user-space{margin:0;width:3rem;height:2rem;border:solid #000;font-weight:700}.messages-div{flex-direction:column;align-items:center}}.header{position:relative;z-index:10;color:#fff;padding-top:2rem;font-family:"Bowlby One SC",cursive}.header,.show-nav{background-color:#000}.show-nav{padding:1rem;height:4rem}.profile{justify-content:space-evenly;margin-top:1%}.profile,.user-photo{display:flex;font-family:"Sarabun",sans-serif}.user-photo{flex-direction:column;align-items:center;align-self:center}.has-photo,.no-photo{width:10rem;height:10rem;background-color:#000}.has-photo,.no-photo,.profile-photo{margin:1% auto;align-self:center;border:.1rem solid #000}.profile-photo{width:7rem;height:7rem}.welcome{font-family:"Sarabun",sans-serif;font-size:2rem;font-weight:700;margin:1%}.message-icon-div{display:flex;justify-content:center}.message-icon{cursor:pointer;background-image:url(https://s3.us-east-2.amazonaws.com/upload-icon/uploads/icons/png/20576625201554892219-256.png);background-position:50%;background-size:100%;background-repeat:no-repeat;width:3rem;height:3rem;border:none;align-self:center;background-color:transparent}.notification{cursor:pointer;background-color:red;width:1rem;height:1rem;border-radius:90rem;color:#fff;font-size:.8rem;font-weight:700;text-align:center;margin-left:-4%;margin-top:1%}.dashboard-prompt{margin-top:20%;font-family:"Sarabun",sans-serif;font-size:1.2rem}.followers{margin-top:1%;justify-content:center}.followers p{margin:1%}.followers h4,.separator{font-weight:700}.add-photo{border:none;color:#00f;font-size:1rem;cursor:pointer;background-color:transparent}.new-race{margin:5%}.prompt-first{margin-top:1rem;font-weight:700;font-size:2rem;color:#47c2eb}.prompt,.prompt-first{font-family:"Sarabun",sans-serif}.prompt{margin-top:.5rem;font-size:1.5rem}.prompt-auth{margin-top:2rem;font-size:1.2rem}.another-race,.login-page-div li,.prompt-auth,.race-option{font-family:"Sarabun",sans-serif}.another-race,.race-option{cursor:pointer;border:none;color:#00f;font-size:1.5rem;margin:1%;background-color:transparent}.race-name{font-weight:700;margin:1%}.completed-race{border:solid #000;background-color:#add8e6}.completed-race p{margin:1%;font-size:1.5rem}.today{align-content:center}.progress-bar{border:solid #000;margin-top:1%;width:20rem;height:1.5rem;border-radius:5rem;margin-left:auto;margin-right:auto;overflow:hidden}.progress-filler{border-radius:inherit;height:inherit;background-color:#add8e6;height:100%;-webkit-transition:width 1s ease-in;transition:width 1s ease-in;position:relative;z-index:-1}.percentage-p{font-family:"Sarabun",sans-serif;margin:1%}.friend-training-schedule{font-size:2rem;font-weight:700}.race-tips{font-family:"Sarabun",sans-serif;margin-right:2%;margin-top:3rem;margin-bottom:1rem}.race-tips h1{font-size:2rem;font-weight:700}.question{font-weight:700;font-size:1.2rem;margin:3%}.dayshow{font-family:"Sarabun",sans-serif;display:flex;justify-content:center}.dayshow h2{font-size:2rem;margin-bottom:1rem;font-weight:700}.completed-workout{color:green}.dayshow h1{font-size:1.5rem}.add-workout{margin-top:5%;display:flex;flex-direction:column;align-items:center}.friends{display:flex;justify-content:center}.friend,.friends{font-family:"Sarabun",sans-serif}.friend{flex-direction:column}.showfollowers{height:13rem}.showfollowers,.showusers{border:solid #000;margin-top:1rem;overflow-y:auto;background-color:#add8e6}.showusers{height:27.4rem}.followers{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:2%}.friend-icon{width:7em;height:auto;margin:.8%}.follow-icon{width:9em;height:auto;margin:1%;display:flex;flex-direction:column}.follow-icon div{margin-left:auto;margin-right:auto}.follow-button,.unfollow-button,.view-profile{background-color:transparent;cursor:pointer}.friends h1{font-weight:700;font-size:2rem}.friends p{font-size:.8rem}.follow-button,.unfollow-button{height:-webkit-max-content;height:-moz-max-content;height:max-content;border:none;font-size:.7rem;color:#00f;align-self:center}.friend-photo{height:7rem;width:7rem;border:.1rem solid #000;margin-left:auto;margin-right:auto}.send-message{margin-bottom:2%}.friend{display:flex}.friend h2,.heading{font-size:1.5rem}.heading{font-weight:700}.back,.friend button{border:none;font-size:1rem;color:#00f;background-color:transparent;cursor:pointer}.back{margin-right:65%}.friend-profile{display:flex;width:100%;justify-content:center}.friend-info{width:30%;margin:5%}.friend-followers{display:flex;justify-content:center}.friend-followers h4{font-weight:700}.friend-profile img{height:auto;width:50%;align-self:center;border:.1rem solid #000}.follow-p{font-size:1rem;margin:1%}.same-race-div{font-family:"Sarabun",sans-serif;border:solid #000;background-color:#add8e6;height:20rem;margin-left:auto;margin-right:auto;margin-bottom:1%}.same-race-div h1{font-size:2rem;font-weight:700}.same-race-div button{margin:1%;font-size:1.5rem;border:none;background-color:transparent;color:#00f;cursor:pointer}.same-race{align-self:center}.same-race-runners{overflow-y:auto;flex-flow:wrap}.messages-div,.same-race-runners{display:flex;justify-content:center}.go-back{border:none;color:#00f;font-family:"Sarabun",sans-serif;font-size:1.5rem}.incoming,.outgoing{border:solid #000;width:20rem;height:25rem;margin:2%;background-color:#add8e6;padding-left:5%;padding-right:5%}.messages-div h1{font-size:2rem;font-family:"Sarabun",sans-serif;font-weight:700}.read-message{color:grey}.headings{display:flex;justify-content:space-between;text-align:center;margin-top:2%}.headings h2{font-size:1rem;font-weight:700}.headings h2,.message-div{font-family:"Sarabun",sans-serif}.message-div{display:flex;justify-content:space-between}.message-div p{margin-top:.5%;text-align:right}.show-message{height:15rem;width:40rem;border:solid #000;background-color:#add8e6;margin-left:auto;margin-right:auto;margin-bottom:1%;font-family:"Sarabun",sans-serif;font-size:1.5rem}.outgoing-read,.read{border:none;background-color:transparent;color:#00f}.modal{font-family:"Sarabun",sans-serif;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:visibility 0x linear .25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0x linear .25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0x linear .25s,opacity .25s 0s,transform .25s;transition:visibility 0x linear .25s,opacity .25s 0s,transform .25s,-webkit-transform .25s}.modal-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;padding:1rem 1.5rem;width:25rem;height:15rem;border-radius:.5rem}.close-button{float:right;width:1.5rem;height:1.5rem;text-align:center;cursor:pointer;border-radius:.25rem;background-color:#d3d3d3}.show-modal{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:visibility 0s linear 0s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0s linear 0s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s;transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s,-webkit-transform .25s}.modal-content h1{font-weight:700}.message-receiver{display:none}.message-input{width:15rem;margin-bottom:1%;margin-left:auto;margin-right:auto;font-size:1rem}.enter-message{height:10rem;resize:none;padding-top:0}.message-form,.reply-form{display:flex;flex-direction:column;justify-content:center;margin:1%}.reply,.submit-message{width:5rem;border:none;color:#00f;font-size:1rem;margin:1% auto;cursor:pointer}.error{font-family:"Sarabun",sans-serif;color:red;font-weight:700}
/*# sourceMappingURL=main.a5897ca9.chunk.css.map */