#root{--nav-height:15vh;--footer-height:10vh;--main-border-radius:10px;--main-border-width:3px;--color-main-yellow:#e6c28e;--color-highOp-yellow:#e6c18ec9;--color-highOp-white:#e2dfdbc9;--main-font:font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App#LightMode,.App#Mode .App#lightMode,.App#nullMode{--color-main:#e1e8f1;--color-accent:#909da6;--color-button:#e6c28e;--color-button-disabled:#b2956c;--color-text-accent:#8ec2e6;--color-text-main:#455866;--color-button-accent:#b2cde0;--color-elements:#909da6;--overlay:#e1e8f165;--color-main-white:#fff;--color-highOp-overlay:#ffffffc6;--hattifnatt-bg-color:#80a2c3;--input-bg-color:var(--color-main);--user-msg:#e8dec9;--system-msg:var(--color-main);--sessionsList-bg-yellow:var(--color-button);--color-sessionL-yellow:#e1d0b8;--sessionsList-bg-white:var(--color-main-white);--color-sessionL-white:#e4e4e4;background-color:var(--color-main);transition:background-color .1 ease-in-out 0s}.App#DarkMode{--color-main:#415360;--color-accent:#576d7e;--color-button:#b4976f;--color-button-disabled:#655f56;--color-text-accent:#7fabca;--color-text-main:#e1e8f1;--color-button-accent:#91887a;--color-elements:#33414c;--overlay:#37393c66;--color-main-white:#b6b6b6;--main-text-color:#bfbbcf;--hattifnatt-bg-color:#405464;--input-bg-color:#5e798b;--user-msg:#91887a;--system-msg:var(--color-elements);--sessionsList-bg-yellow:#545454;--color-sessionL-yellow:#6b6761;--sessionsList-bg-white:#747474;--color-sessionL-white:#989898;background-color:var(--color-main)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}#root,body{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main{align-items:center;background-color:var(--color-main);color:var(--color-text-main);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}main,main>div{height:calc(100vh - var(--nav-height) - var(--footer-height))}.App{text-align:center;transition:background-color .1 ease-in-out 0s}body a:hover{cursor:pointer}p{font-size:medium}nav{flex-direction:row;height:var(--nav-height);justify-content:space-around;width:100vw}nav,nav>div{display:flex}nav>div{align-items:center;justify-content:center;width:20%}nav .links{display:flex;flex-direction:row;font-size:x-large;justify-content:space-evenly;width:50%}nav .links a{transition:color .2s ease-in-out 0s}nav .links a:hover{color:var(--color-button-accent)}nav .links .navActive{color:var(--color-button)}footer,nav{background-color:var(--color-elements);position:relative;z-index:12}footer,nav a,nav p{color:var(--color-text-main);text-decoration:none}footer{align-items:center;bottom:0;display:flex;flex-direction:row;height:var(--footer-height);justify-content:space-around;overflow:hidden;position:relative}button{background-color:var(--color-button);border:var(--color-button);border-radius:var(--main-border-radius);color:var(--color-text-main);cursor:pointer;font-family:var(--main-font);font-size:17px;font-weight:500;height:7vh;transition:all .2s ease-in-out 0s;width:8vw}button:hover{background-color:var(--color-button-accent)}button a,button p{font-family:var(--main-font)}.noDisplay{display:none}.overlay{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--overlay);height:calc(100vh - var(--nav-height) - var(--footer-height));opacity:.9;position:absolute;top:0;width:100vw;z-index:12}input{background-color:var(--input-bg-color);border:var(--main-border-width) solid var(--color-button-accent);border-radius:var(--main-border-radius);color:var(--color-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:medium}input:focus{border-color:var(--color-button)}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.col-3 p{font-size:x-large;margin-left:30px}.col-3{align-items:center;display:flex;flex-direction:column;justify-content:center}.dot-pulse{-webkit-animation:dot-pulse 1.5s linear infinite;animation:dot-pulse 1.5s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s;box-shadow:9999px 0 0 -5px;left:-9999px;position:relative}.dot-pulse,.dot-pulse:after,.dot-pulse:before{background-color:var(--color-text-accent);border-radius:5px;color:var(--color-text-accent);height:10px;width:10px}.dot-pulse:after,.dot-pulse:before{content:"";display:inline-block;position:absolute;top:0}.dot-pulse:before{-webkit-animation:dot-pulse-before 1.5s linear infinite;animation:dot-pulse-before 1.5s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;box-shadow:9984px 0 0 -5px}.dot-pulse:after{-webkit-animation:dot-pulse-after 1.5s linear infinite;animation:dot-pulse-after 1.5s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;box-shadow:10014px 0 0 -5px}@-webkit-keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@-webkit-keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@-webkit-keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}#loginWrapper,#signUpWrapper{width:30%}#loginWrapper>h3,#signUpWrapper>h3{margin:20px}.loginInputs,.signUpInputs{align-items:center;border:var(--main-border-width) solid var(--color-text-main);border-radius:var(--main-border-radius);display:flex;flex-direction:column;width:100%}.loginInputs>input,.signUpInputs>.nameInputs>input,.signUpInputs>input{width:40%}.emailInput p,.fnameInput p,.lnameInput p,.passInput p{margin:30px 0 0 5px}.login__textBox{width:80%}.nameInputs{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}#loginWrapper button,#signUpWrapper button{margin:10px 0 30px}.choices{margin-top:0}.choices.login{display:flex;justify-content:space-around}.choices h6{margin:20px 0 0}#loginWrapper .choices>a button,#signUpWrapper .choices>a button{margin:10px 0 0}#hattifnattmagicWrapper{height:100vh;position:relative;width:100%}#hattifnattmagicWrapper .overlay{right:0}video{height:calc(100vh - var(--nav-height));left:0;object-fit:cover;position:absolute;top:0;width:85%;z-index:10}.conversationAndSpacePlacer{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.conversationAndSpacePlacer .space{width:50%}.conversationAndSpacePlacer .conversationWrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--hattifnatt-bg-color);background:linear-gradient(90deg,rgba(128,162,195,0) 0,var(--hattifnatt-bg-color) 20%);display:flex;height:100%;justify-content:center;position:relative;width:50%;z-index:11}.yesDisplay{min-width:80%}.conversationBox{border:var(--main-border-width) solid var(--color-text-main);border-radius:var(--main-border-radius);height:70vh;margin:20px auto;overflow-x:hidden;overflow-y:scroll;padding:10px;position:relative;width:80%;z-index:11}.conversationBox>div{display:flex;flex-direction:column;width:100%}.conversationBox .col-3{height:100%;margin-top:50%}.conversationBox>div>div>div.col-3.chatWrites{margin-top:10px}.oneMessage{margin-bottom:20px}.messageContent{border-radius:var(--main-border-radius);max-width:50%;min-width:20%;padding:15px 20px}.messageContent p{color:var(--color-text-main);font-size:large}.messageContent p:first-child{font-weight:700}.messageContent p:last-child{line-height:120%}.oneMessage.system{align-items:start;display:flex;justify-content:start;margin-left:10px}.system>div{background-color:var(--system-msg);margin-bottom:10px;text-align:left}.oneMessage.user{align-items:end;display:flex;justify-content:end;margin-right:10px}.user>div{background-color:var(--user-msg);margin-bottom:10px;text-align:right}form input{border:var(--main-border-width) solid var(--color-main);border-radius:var(--main-border-radius);height:40%;margin-bottom:10px;max-height:80%;min-height:40%;padding:5px;width:80%}form input:focus{outline:none;outline-color:var(--color-accent)}form button{margin-bottom:10px}form .disabledtrue{background-color:var(--color-button-disabled);pointer-events:none}#chooseHattifnattWrapper{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center}#chooseHattifnattWrapper .space{height:80%;width:40%}#chooseWhite,#chooseYellow{border:var(--main-border-width) solid #000;border-radius:var(--main-border-radius);display:flex;flex-direction:column;height:80%;transition:all .2s ease-in-out 0s;width:30%}#chooseHattifnattWrapper .title{align-items:center;border-bottom:var(--main-border-width) solid #000;display:flex;height:30%;justify-content:center}#chooseHattifnattWrapper .title h2{margin:0}#chooseWhite,#chooseWhite .description,#chooseWhite .title,#chooseWhite .title h2,#chooseYellow,#chooseYellow .description,#chooseYellow .title,#chooseYellow .title h2{transition:all .2s ease-in-out 0s}#chooseWhite:hover,#chooseYellow:hover{box-shadow:0 5px 5px var(--color-text-main)}#chooseHattifnattWrapper .description p{font-size:2vw;margin:0}#chooseHattifnattWrapper .description{align-items:center;display:flex;height:70%;justify-content:center;margin:0 1vw;text-align:center}#chooseWhite .description,#chooseWhite .title,#chooseYellow .description,#chooseYellow .title{pointer-events:none}#chooseYellow{border-color:var(--color-main-yellow);margin-left:5vw}#chooseYellow .title h2{color:var(--color-main-yellow)}#chooseYellow:hover{background-color:var(--color-main-yellow);border-color:var(--color-text-main)}#chooseYellow .title{border-color:var(--color-main-yellow)}#chooseYellow:hover .title{border-color:var(--color-text-main)}#chooseYellow:hover .title h2{color:var(--color-text-main)}#chooseWhite{border-color:var(--color-accent);margin-right:5vw}#chooseWhite:hover{background-color:var(--color-main-white);border-color:var(--color-text-main)}#chooseWhite .title{border-color:var(--color-accent);color:var(--color-accent)}#chooseWhite:hover .title{border-color:var(--color-text-main);color:var(--color-text-main)}#settingsWrapper{height:100vh;width:100vw}#introText,#settingsWrapper{align-items:center;display:flex;flex-direction:column}#introText{width:50%}.userInformation{align-items:center;border:var(--main-border-width) solid var(--color-text-main);border-radius:var(--main-border-radius);display:flex;flex-direction:row;height:30vh;justify-content:center;margin-bottom:3vh;width:30vw}.userInformation>div>h6{margin-bottom:10px}p.dateJoin{margin:0}.userInformation .modes{margin-right:3vw}.userInformation>div>button{margin-bottom:20px}.userInformation>div{align-items:center;display:flex;flex-direction:column}.col-3.modeLoad{margin-top:27px}.logout{background-color:var(--color-text-main);color:var(--color-main)}.logout:hover{color:var(--color-elements)}#WHITESessions .noConvo,#YELLOWSessions .noConvo{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}#WHITESessions section h6,#YELLOWSessions section h6{margin-bottom:20px;width:70%}#YELLOWSessions section button{background-color:var(--color-text-accent)}#YELLOWSessions section button:hover{background-color:var(--color-button-accent)}.opactrue{opacity:.2}#settingsWrapper .overlay{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;top:var(--nav-height)}#sessionsListWrapper{border:var(--main-border-width) solid var(--color-text-main);border-radius:var(--main-border-radius);height:80%;transition:background-color .2s ease-in-out 0s;width:40%}.closeBtn{height:10%;position:relative;top:2vh}.topMenu{display:flex;flex-direction:row;height:23%;justify-content:center;transition:background-color .2 ease-in-out 0s}.topMenu>div{border-bottom:var(--main-border-width) solid var(--color-text-main);display:flex;text-align:center;transition:border-color .2s ease-in-out 0s;width:100%}.topMenu>div:first-child:hover{background-color:var(--sessionsList-bg-yellow);list-style:disclosure}.topMenu>div:last-child:hover{background-color:var(--sessionsList-bg-white)}.topMenu div h4{pointer-events:none;width:100%}.topMenu div:first-child{border-right:var(--main-border-width) solid var(--color-text-main)}.topMenu .topMenuActive{border-bottom:none;pointer-events:none}.sessionsList{display:flex;flex-direction:row;height:75%;width:100%}.sessionsList>div{display:none;height:100%;opacity:0;overflow-y:scroll;position:relative;width:100%}.sessionsList>div.topMenuActive{display:block;opacity:1}.oneSession{align-items:center;display:flex;flex-direction:column}.oneSession .lastMessage,.oneSession .sessionDate{display:flex;flex-direction:row}#YELLOWSessions>.oneSession:nth-child(2n){background-color:var(--color-sessionL-yellow)}#WHITESessions>.oneSession:nth-child(2n){background-color:var(--color-sessionL-white)}.oneSession .lastMessage>h5,.oneSession .lastMessage>p,.oneSession .sessionDate>h5,.oneSession .sessionDate>p{margin:15px 10px 10px 0}.oneSession .lastMessage>p,.oneSession .sessionDate>p{font-size:17px;margin:22px 0 25px}.oneSession .lastMessage>h6,.oneSession .sessionDate>h6{margin:20px 10px 0 0}#sessionsListWrapper.YELLOW{background-color:var(--sessionsList-bg-yellow)}#sessionsListWrapper.WHITE{background-color:var(--sessionsList-bg-white)}.oneChat{display:none}.oneChat.displayIsOpen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:block;left:0;position:absolute;top:0}#WHITESessions .oneChat.displayIsOpen{background-color:var(--sessionsList-bg-white)}#YELLOWSessions .oneChat.displayIsOpen{background-color:var(--sessionsList-bg-yellow)}.chatInfo>h5{margin:20px 0 20px 10px;text-align:left}.chatInfo h6{margin:10px 0 20px}.oneChat .sessionConvoWrapper{height:100%}#YELLOWSessions .sessionConvoWrapper>.oneMessage>div>p{color:var(--color-text-main)}#WHITESessions .sessionConvoWrapper>.oneMessage.system>div,#YELLOWSessions .sessionConvoWrapper>.oneMessage.system>div{background-color:var(--system-msg)}#WHITESessions .sessionConvoWrapper>.oneMessage.user>div,#YELLOWSessions .sessionConvoWrapper>.oneMessage.user>div{background-color:var(--user-msg)}#HomeWrapper{align-items:center;display:flex;flex-direction:column;height:100vh;width:100vw}h1{text-align:center}.hattifnattPic{height:200px;width:200px}#HomeWrapper .col-3{margin-top:50px}#HomeWrapper>h6{margin-top:0;width:50%}#home>div>div>h4{margin:10px 0}#home,#home>div{width:20vw}.signOrReg{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:30px;width:100%}.signOrReg>button a{color:var(--color-text-main);text-decoration:none}
/*# sourceMappingURL=main.baf62735.css.map*/