body{margin:0;font-family:"Rubik",-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}h1,h2{font-family:"Rubik",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#e7e5e2}.white{color:#fff}p{color:#d1cdc7}.form_style{font-family:"Rubik",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#e7e5e2;font-weight:700}code{font-family:"Rubik",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::-webkit-scrollbar{width:16px}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-track:hover{background-color:#f4f4f4}::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:16px;border:5px solid #fff}::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5;border:4px solid #f4f4f4}:-webkit-scrollbar-button{display:none}.App{min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@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{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-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)}}.chatt{overflow:hidden;overflow-y:scroll}.descp{font-size:20px}.chatbox{background-color:#111113;overflow:hidden;border-radius:8px}.message{margin:5px;background-color:#445159;color:#fff;border-radius:5px}.mheader{font-weight:700;background-color:#384148;color:#eee;border-radius:5px 5px 0 0;font-size:14px}.mheader,.mmessage{padding:5px}.drogon{position:absolute;top:0;right:0}.house-lists{display:flex}.house{font-family:"Times New Roman",Times,serif;position:relative;overflow:hidden;width:70px;height:550px;background-size:auto 105%;background-position:50%;border-radius:60px;box-shadow:0 0 10px -1px #fff;transition:.5s ease;margin:15px}.house,.sigil{min-width:100px}.sigil{text-align:center;position:absolute;bottom:10px}.sigil img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);max-width:80px;max-height:60px}.house:hover{min-width:550px;background-size:auto 100%;border-radius:10px}.house-inner{position:relative;height:100%;display:flex;align-items:flex-end}.house:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;transition:.5s ease}.house:hover:before{background:none}.house-name{color:#fff;transform:rotate(-90deg);font-size:50px;letter-spacing:2px;transition:.5s ease;max-width:100%;margin-bottom:120%}.house:hover .house-name{transform:rotate(0deg);margin-bottom:3%;margin-left:20%}.house h2{position:absolute;bottom:100px;width:100%;padding-left:150px;color:#fff;font-family:"Rubik";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;transform:perspective(500px) rotateY(-90deg);transform-origin:right;transition:all .5s}.house:hover h2{transform:perspective(500px) rotateY(0deg)}.house ul{position:absolute;list-style:none;top:0;left:0;background:hsla(0,0%,100%,0)}.house ul li{height:40px;width:40px;line-height:40px;background:#333;cursor:pointer;transition:all .5s;transform:perspective(800px) rotateY(90deg);transform-origin:left;border-bottom:1px solid rgba(0,0,0,.1)}.house:hover ul li{transform:perspective(800px) rotateY(0deg)}.house:hover ul li:first-child{transition-delay:.2s}.house:hover ul li:nth-child(2){transition-delay:.6s}.house:hover ul li:nth-child(3){transition-delay:.8s}.house:hover ul li:nth-child(4){transition-delay:1s}.house ul li i{font-size:20px;color:tomato;background:hsla(0,0%,100%,0)}ul li span{position:absolute;left:0;font-size:14px;text-transform:uppercase;background:#333;color:tomato;border-bottom:1px solid rgba(0,0,0,.1);opacity:0;z-index:-1;pointer-events:none;transition:all .5s}ul li:hover span{left:30px;opacity:1;pointer-events:auto}
/*# sourceMappingURL=main.319a4a6b.chunk.css.map */