@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);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}*{box-sizing:border-box;font-family:"Open sans"}form{display:inline-block}input[type=email],input[type=password],input[type=text]{width:80%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}button:hover{opacity:.7}.App{text-align:center}.App-logo{height:40vmin;font-size:150px;color:#61dbfb;pointer-events:none}@media (max-width:460px){.App-logo{margin-bottom:40px}}@media (min-height:900px){.App-logo{height:23vmin}}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-title{font-weight:lighter;font-size:2.5em;font-family:"Luckiest Guy";margin:0}.create-account-option{font-family:"Open sans";font-size:18px}.arrow-scroll{font-size:50px;padding:none}.scroll:hover{opacity:.7}.Description-section{height:590px}#Description-image{padding-left:80px;padding-right:30px;padding-bottom:80px;width:50%;height:auto;float:left}@media (max-width:900px){#Description-image{width:70%;padding-left:0;padding-right:0;padding-bottom:0;float:none}}#Description-text{padding:0 80px 40px 40px;text-align:left}@media (max-width:900px){#Description-text{padding:0 40px 40px}}.cancel-icon-positioning-2{width:90%;margin-left:auto;margin-right:auto;padding-top:15px}.form-contents-create{background-color:#fff;margin-left:auto;margin-right:auto;width:30vw;height:500px;margin-top:40px;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}@media (min-height:1200px){.form-contents-create{height:550px}}@media (max-width:540px){.form-contents-create{width:85vw}}@media (max-height:570px){.form-contents-create{height:480px}}@media (min-height:1000px){@media (max-width:1025px){.form-contents-create{width:70vw}}}.signup-title{font-weight:700;padding:15px}.signup-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;text-align:center;font-size:calc(10px + 2vmin);color:#fff}.signup-button{font-family:"Open sans";font-weight:700;font-size:15px;color:#fff;margin:20px;padding:1em 3.5em;border-radius:8px;border-color:#add8e6;background-color:#61dbfb}.already-member{font-size:10px;color:#000}.spacing{padding:35px 50px 50px}@media (max-width:540px){.spacing{padding:35px 0 50px}}@media (max-height:570px){.spacing{padding:35px 0 50px}}@media (min-height:1000px){.spacing{padding:35px 0 50px}}.form-contents-login{background-color:#fff;margin-left:auto;margin-right:auto;width:30vw;height:540px;margin-top:40px;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}@media (max-width:540px){.form-contents-login{width:85vw}}@media (max-height:570px){.form-contents-login{height:480px}}@media (min-height:1000px){@media (max-width:1025px){.form-contents-login{width:70vw}}}.cancel-icon{float:right;color:#ccc}.cancel-icon:hover{opacity:.7}.cancel-icon-positioning{width:90%;margin-left:auto;margin-right:auto;padding-top:15px}.login-title{font-weight:700;padding-bottom:15px}.login-logo{font-size:130px;color:#61dbfb;pointer-events:none;text-align-last:center;padding:25px 30px 10px}.login-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;text-align:center;font-size:calc(10px + 2vmin);color:#fff}.login-button{font-family:"Open sans";font-weight:700;font-size:15px;color:#fff;margin:10px;padding:1em 3.5em;border-radius:8px;border-color:#add8e6;background-color:#61dbfb}.App-link{color:#61dafb}.not-member{font-size:10px;color:#000;padding:0;margin:0}.black-font{color:#000}.main-background{background-color:#2c2f33;height:100vh}.main-header{background-color:#23272a;height:80px}.main-logo{font-size:60px;padding-right:10px;color:#61dbfb;float:left}.main-title{color:#fff;font-size:41px;font-family:"Luckiest Guy";float:left;margin-top:3px!important;margin-left:5px}.main-buttons{text-align:right;color:#fff;margin-top:15px;margin-right:20px}.main-button{font-size:30px;margin-left:20px;margin-right:20px;color:#ccc}.main-button:hover{opacity:.7}.float-child-left{width:71vw;display:inline-block;height:calc(80vh - 165px);left:2vw;position:absolute;margin-top:20px;border:10px solid grey;border-radius:5px;box-shadow:6px 9px 1px rgba(0,0,0,.1)}.float-child-right{width:25vw;height:calc(95vh - 195px);right:0;position:absolute;z-index:5}.center{text-align:center;position:relative}.toggle-inactive{display:none!important}#video-grid{width:71vw;display:grid;grid-template-columns:repeat(auto-fill,20%);grid-auto-rows:20vh;bottom:45px;position:absolute;margin-left:2vw}video{width:100%;height:100%;object-fit:cover}.userID-container{height:24px;display:table;background-color:#ccc;width:14.2vw;border:1px solid #000}.userID{font-size:12px;color:#000;vertical-align:middle;display:table-cell;text-align:center}.xx{display:inline-block}.whiteboard{height:100%;width:100%;position:relative;left:0;right:0;bottom:0;top:0;background-color:#fff;box-shadow:inset 5px 5px 10px #000}.expand-compress{position:absolute;right:1vw;top:2vh;z-index:10;font-size:2vw;color:#ccc}.expand-compress:hover{opacity:.7}.expanded-whiteboard{width:100vw;height:95vh;position:absolute;z-index:15;margin-top:-80px;border:.5vw solid grey;border-radius:.25vw}.animate{-webkit-animation:animatezoom .6s;animation:animatezoom .6s}@-webkit-keyframes animatezoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes animatezoom{0%{transform:scale(0)}to{transform:scale(1)}}.colors-thickness{float:left;height:40px;width:100px;border:1px solid #000;background-color:#fff}.colors{position:static}.color,.colors{display:inline-block}.color{height:20px;width:48px}.color.black{background-color:#000}.color.red{background-color:red}.color.green{background-color:green}.color.blue{background-color:#00f}.color.yellow{background-color:#ff0}.color.white{background-color:#fff}ul{list-style:none;word-wrap:break-word;text-align:left}.pages{margin:0;padding:0}.page,.pages{height:100%;width:100%}.page{position:relative}.chat.page{background-color:#353a45}.messages{font-size:150%}.inputMessage{font-size:100%}.log{color:#d3d3d3;font-size:70%;margin:5px;text-align:left}.chatArea,.messages{height:100%}.messages{margin:0;overflow-y:scroll;padding:10px 20px}.message.typing .messageBody{color:#d3d3d3}.messageBody{color:#fff}.username{font-weight:700;overflow:hidden;padding-right:15px;text-align:right}.inputMessage{bottom:0;height:60px;left:0;outline:none;padding-left:10px;position:relative;right:0;width:100%}ul.options{display:block;list-style:none;transition:width .3s;height:70px;width:100%;padding-left:0;overflow-y:scroll}ul.options li{display:block;background:#fff;font-size:14px;width:100%}ul.options li:hover{font-weight:700;cursor:pointer;transition:all .3s}ul.options li.option-active{background:#f5f5f5;font-size:18px}#Autocomplete-active{display:none}
/*# sourceMappingURL=main.16ff402f.chunk.css.map */