@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Inter+Tight:wght@200&family=Noto+Sans+KR&family=Quicksand:wght@300&family=Titillium+Web&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:DM Sans,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.App-header,body{min-height:100vh}.three-dot{font-size:20px;position:absolute;right:2rem;top:2rem}.instruction{align-items:center;background-color:#f7f1bf;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);color:#806e06;display:flex;height:200px;justify-content:center;overflow-wrap:break-word;padding:7px;position:absolute;right:4rem;text-align:center;top:4rem;width:200px}.close-instruction{font-size:20px;position:absolute;right:1rem;top:1rem}.box{flex-direction:column;min-height:100vh}.box,.signIn{align-items:center;display:flex;justify-content:center}.signIn{align-self:center;background-color:#fff;border:none;border-radius:10px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);flex-direction:row;justify-self:center;padding:7px}.signIn:hover{background-color:#000;color:#fff}.google-icon{font-size:40px;margin:2%}body{background-color:#f2eeee}.theme-changer-dark-button-signout{color:#fff;cursor:pointer;font-size:2rem}.theme-changer-light-button-signout{color:#000;cursor:pointer;font-size:2rem}nav{align-items:center;background-color:#fff;color:#1771d8;display:flex;flex-direction:row;height:64px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}nav .logo{font-size:1.5rem;font-weight:600;margin:1.5rem;width:15%;width:80%}nav .theme-profile-signout{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:75%}.profile{margin-bottom:5px}.signOut{align-self:center;background-color:initial;border:1px solid #000;border-radius:7px;font-size:1.5rem;font-size:1.2rem;font-weight:500;margin-bottom:1.3%;max-width:50%;padding:5px}.container{background-color:#f2eeee;background-position:50%;display:flex;flex-direction:column;min-height:100vh;width:100%;z-index:100}.sent{background-color:#1771d8;color:#fff;float:right!important;min-width:60%;width:auto;width:calc(100% - 50px)}.recived,.sent{word-wrap:break-word;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;margin:.5%;max-width:80%;padding:2%;word-break:keep-all}.recived{background-color:#fff;color:#000;float:left;min-width:40%;width:auto}.sent .display-name{color:#fff;font-size:18px;font-weight:600}.recived .display-name{color:#1771d8;font-size:18px;font-weight:600}form{height:7vh;margin-top:0}input{margin:5px}.msg-field-light{background:#fff;color:#000}.msg-field-dark{background:#333;color:#fff}.msg-field-dark::-webkit-input-placeholder{color:#acacac}.msg-field-dark::placeholder{color:#acacac}.send-button-dark,.send-button-light{background:transparent;border:none;border-radius:3px;cursor:pointer;font-weight:700;margin:5px;text-transform:uppercase;width:15%}.send-button-light{background:#fff;color:#000}.send-button-dark{background:#d5e5e7;background:linear-gradient(90deg,#d5e5e7,#e3f1f1 52%,#e9f6f4);color:#000}.scroll{margin-top:0}p{font-size:18px}@media only screen and (min-width:800px){p{font-size:14.4px}nav{align-items:center;background-color:#fff;color:#1771d8;display:flex;height:10vh;justify-content:space-between;width:100%;z-index:100}.logo{font-size:1.5rem;font-weight:800;margin:2.5rem;width:80%}.profile{align-items:center;border-radius:50%;height:50px;width:50px}.signOut{align-self:center;background-color:initial;border:1px solid #000;border-radius:3px;font-size:1.5rem;font-size:1.2rem;font-weight:800;font-weight:500;margin:1.3%;max-width:50%;padding:5px}.container{background-color:#f2eeee;background-position:50%;display:flex;flex-direction:column;height:100%;padding:7px;transition:1s;width:100%}.text-with-photo{flex-direction:row;width:100%}.wraper{align-items:center;display:flex;margin-bottom:1%;max-width:80%;min-width:40%}.wraper-sent{align-items:flex-end;flex-direction:row-reverse;float:right;justify-content:end}.wraper .recived{float:left}.sent{background-color:#1771d8;color:#fff;float:right!important;width:calc(100% - 50px)}.recived,.sent{word-wrap:break-word;border-radius:10px;display:flex;flex-direction:column;font-size:14px;justify-content:flex-start;margin:.5%;max-width:80%;min-width:80%;padding:2%;word-break:keep-all}.recived{background-color:#fff;color:#000;float:left}.sent .display-name{color:#fff;font-size:1rem;font-weight:600}.recived .display-name{color:#1771d8;font-size:1rem;font-weight:600}img{border-radius:50%;height:40px;margin:.5%;width:40px}form{background-color:initial;bottom:0;display:flex;flex-direction:row;margin-top:2.5%;position:fixed;width:100%}input{height:auto;padding:10px;width:85%}.send-button,input{border:none;border-radius:3px;margin:5px}.send-button{background:transparent;background-color:#fff;width:15%}}@media only screen and (max-width:600px){.profile{border-radius:50%;height:40px;width:40px}.profile,.showSignOut{align-items:center;justify-content:center}.showSignOut{background-color:#fff;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);display:flex;flex-direction:column;height:200px;position:absolute;right:2rem;top:4rem;width:300px}.showSignOut h3{margin-top:-4%}.container{height:100%;padding-top:-4.5%}.sent{background-color:#1771d8;color:#fff;float:right!important;min-width:80%}.recived,.sent{word-wrap:break-word;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;margin:.5%;padding:2%;word-break:keep-all}.recived{background-color:#fff;color:#000;float:left;max-width:80%!important;width:auto}p{word-wrap:break-word;align-items:flex-start;font-size:14px;font-weight:400;margin:1%}.sent .display-name{color:#fff;font-size:.8rem;font-weight:600}.recived .display-name{color:#1771d8;font-size:.8rem;font-weight:600}form{background-color:initial;bottom:0;display:flex;flex-direction:row;height:50px;position:fixed;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:inherit;height:100vh;position:relative;width:100%}nav{transition:1s}.navbar-dark,.navbar-light{align-items:center;box-shadow:none;display:flex;height:10vh;justify-content:space-between;position:fixed;top:0;width:100%;z-index:100}.navbar-dark .logo,.navbar-light .logo{align-items:center;display:flex;font-size:34px;font-weight:600;height:100%;width:15%}.navbar-dark .theme-profile-signout,.navbar-light .theme-profile-signout{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:end;width:75%}.navbar-dark .theme-profile-signout{color:#fff}.navbar-dark .signOut{border:1px solid #fff;color:#fff}.navbar-dark .theme-changer-dark,.navbar-light .theme-changer-light{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:15%}.navbar-light{background-color:#fff;border-bottom:1px solid #272727;color:#2196f3}.navbar-dark{background-color:#1f1f1f;border-bottom:1px solid #fff;color:#fff}.theme-changer-dark{color:#fff;cursor:pointer;font-size:2rem}.theme-changer-light{color:#000;cursor:pointer;font-size:2rem}.navbar-dark .logo{color:#1596ff;font-size:1.5rem;font-weight:800;width:15%}.profile{align-items:center;border-radius:50%;height:50px;margin:2.5rem;width:50px}.navbar-dark .theme-changer-dark-button-signout,.navbar-light .theme-changer-light-button-signout{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;width:25%}.container-dark,.container-light{background-position:50%;display:flex;flex-direction:column;height:100%;padding:7px;width:100%}.container-light{background-color:#f2eeee}.container-dark{background-color:#1f1f1f}.text-with-photo{flex-direction:row;width:100%}.wraper{align-items:center;display:flex;margin-bottom:1%;max-width:80%;min-width:40%}.wraper-sent{flex-direction:row-reverse;float:right}.wraper .recived{float:left}.sent-dark,.sent-light{word-wrap:break-word;border-radius:10px;display:flex;flex-direction:column;float:right!important;justify-content:flex-start;margin:.5%;max-width:80%;min-width:40%;padding:2%;width:auto;width:calc(100% - 50px);word-break:keep-all}.sent-light{background:#449dff;background:linear-gradient(90deg,#449dff,#4bb6ff 100%,#63affc 0);color:#fff}.sent-dark,.sent-light{border-bottom-right-radius:0}.sent-dark{background:#d5e5e7;background:linear-gradient(90deg,#d5e5e7,#e3f1f1 52%,#e9f6f4);color:#272727}.received-dark,.received-light{word-wrap:break-word;border-radius:10px;display:flex;flex-direction:column;float:left;justify-content:flex-start;margin:.5%;max-width:80%;min-width:40%;padding:2%;width:auto;word-break:break-all}.received-light{background-color:#fff;border-top-left-radius:0;color:#000}.received-dark{background:#31313172;border-top-left-radius:0;color:#fff}.sent-dark .display-name{color:#272727;font-size:14.4px;font-weight:600}.sent-light .display-name{color:#fff}.received-dark .display-name,.received-light .display-name{font-size:14.4px;font-weight:600}.received-dark .display-name{color:#fff}.received-light .display-name{color:#1771d8}img{border-radius:50%;height:40px;margin:.5%;width:40px}form{background-color:initial;bottom:0;display:flex;flex-direction:row;height:64px;position:fixed;width:100%}input{border:none;border-radius:3px;height:auto;margin-bottom:5px;margin-left:5px;margin-right:5px;padding:10px;width:85%}input:focus{border:none;outline:none}.send-button{background:transparent;background-color:#fff;border:none;border-radius:3px;margin-bottom:5px;margin-left:5px;margin-right:5px;width:15%}@media only screen and (max-width:800px){nav{align-items:center;background-color:#fff;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);color:#1771d8;display:flex;height:10vh;justify-content:space-between;position:fixed;top:0;width:100%;z-index:100}.container{background-color:#f2eeee}.logo{font-size:1.5rem;font-weight:800;margin:2.5rem;width:80%}.profile{align-items:center;border-radius:50%;height:50px;margin:2.5rem;width:50px}.showSignOut{align-items:center;background-color:gray;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);display:flex;flex-direction:column;height:250px;justify-content:center;position:absolute;right:2rem;top:4rem;width:300px}.close{color:#000;font-size:25px;position:absolute;right:1rem;top:1rem}.signOut{align-self:center;background-color:initial;border:1px solid #000;border-radius:3px;font-size:1.5rem;font-size:1.2rem;font-weight:800;font-weight:500;margin:1.3%;max-width:50%;padding:5px}.container{background-position:50%;background:transparent;display:flex;flex-direction:column;height:100%;padding:7px;width:100%}.text-with-photo{flex-direction:row;width:100%}.wraper{align-items:center;display:flex;margin-bottom:1%;max-width:80%;min-width:40%}.wraper-sent{flex-direction:row-reverse;float:right}.wraper .recived{float:left}.sent{word-wrap:break-word;background:#449dff;background:linear-gradient(90deg,#449dff,#4bb6ff 100%,#63affc 0);border-radius:10px;border-bottom-right-radius:0;color:#fff;float:right!important;width:calc(100% - 50px);word-break:keep-all}.recived,.sent{display:flex;flex-direction:column;justify-content:flex-start;margin:.5%;max-width:80%;min-width:40%;padding:2%}.recived{word-wrap:break-word!important;background-color:#fff;border-radius:10px;border-top-left-radius:0;color:#000;float:left;word-break:break-all}.sent .display-name{color:#fff;font-size:1.2rem;font-weight:600}.recived .display-name{color:#1771d8;font-size:1.2rem;font-weight:600}img{border-radius:50%;height:40px;margin:.5%;width:40px}form{background-color:initial;bottom:0;display:flex;flex-direction:row;height:10%;margin-top:0;position:fixed;width:100%}input{height:auto;padding:10px;width:85%}.send-button,input{border:none;border-radius:3px;margin:5px}.send-button{background:transparent;background-color:#fff;width:15%}}.lower-gap-light{background:#f2eeee}.lower-gap-dark{background:#1f1f1f}@media only screen and (max-width:600px){nav .profile{display:none}.navbar-dark .logo,.navbar-light .logo{align-items:center;display:flex;font-size:24px;font-weight:600;height:100%;margin-left:10px;width:15%}.navbar-dark .theme-changer-dark-button-signout,.navbar-light .theme-changer-light-button-signout{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;width:80%}.navbar-dark .signOut,.navbar-light .signOut{font-size:14.4px;width:100%}.navbar-dark .theme-profile-signout,.navbar-light .theme-profile-signout{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:end;width:60%}.navbar-dark .theme-profile-signout{color:#fff}.navbar-dark .theme-changer-dark,.navbar-light .theme-changer-light{width:20%}.sent .display-name{color:#fff;font-size:14.4px;font-weight:600}.recived .display-name{color:#1771d8;font-size:14.4px;font-weight:600}form{height:44px}}.lower-wrapper{align-items:end;display:flex;flex-direction:row;justify-content:start;width:auto}
/*# sourceMappingURL=main.31964dc5.css.map*/