body{background-color:#19386b;margin:0;padding:40px;font-family:sans-serif}.App{flex-direction:column;justify-content:center;align-items:center;display:flex}h1{text-shadow:2px 2px #a9a9a9;color:#fff;margin:10px;font-family:Pacifico,cursive;font-size:40px}.dialogue-box{background-color:#bababa;flex-direction:column;align-items:center;width:60%;min-width:400px;max-width:700px;min-height:300px;margin:30px;padding:40px;display:flex;box-shadow:10px 10px gray}.chatroom{color:#000;background-color:#fff;border:2px solid #000;border-radius:10px;flex-direction:column;align-items:center;width:100%;min-height:350px;padding-top:30px;padding-bottom:25px;display:flex}.chatroom p{font-size:22px}.dialogue-item-1{text-align:left;background-color:#efaeeb;border:1px solid #000;border-radius:5px;justify-content:flex-start;width:80%;margin-bottom:20px;margin-right:30px;padding:7px;display:flex}.dialogue-item-2{text-align:right;background-color:#74db91;border:1px solid #000;border-radius:5px;justify-content:flex-end;width:80%;margin-bottom:20px;margin-left:30px;padding:7px;display:flex}p{margin:0 15px;font-family:Varela Round,sans-serif}.the-button{color:#fff;text-align:center;background-color:#000;border:2px dashed #fff;border-radius:5px;width:120px;height:40px;margin-top:25px;margin-left:65%;padding:10px 22px;font-family:Varela Round,sans-serif;font-size:16px;text-decoration:none;display:inline-block}.the-button:hover{border:2px solid #fff}.tooltip{display:inline-block;position:relative}.tooltip-icon{cursor:help;vertical-align:text-top;margin-left:5px;font-size:.3em}.tooltip-container{visibility:hidden;color:#000;z-index:100;opacity:0;width:285px;text-shadow:none;background-color:#bababa;padding:10px;font-family:sans-serif;font-size:.8rem;transition:opacity .3s;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:5px 5px gray}.tooltip:hover .tooltip-container{visibility:visible;opacity:1}.tooltip-content{background-color:#fff;border:2px solid #000;border-radius:5px;padding:10px}