*{margin:0;padding:0}@font-face{font-family:Buttons;src:url(../Buttons.ttf)}.body{background-color:#32302f;display:flex;flex-direction:column;min-height:100vh;min-width:70vw}.header{display:flex;flex-direction:column;background-color:#cc241d}.h1{font-family:Buttons,serif;color:#fbf1c7;margin:20px 15px 15px;letter-spacing:2px;font-size:45px}.navmenu{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5%;background-color:#ebdbb2;font-family:sans-serif;font-size:17px;padding:4px 4px 4px 15px;list-style-type:none}menu li{display:flex;flex-direction:row;background-color:#fbf1c7;border:none;border-radius:4px;padding:1px 6px}.logoutnav{display:flex;flex-direction:row;background-color:#fbf1c7;border:none;border-radius:4px;padding:1px 6px;margin-left:auto;margin-right:12px}menu li:hover{background-color:#fe8019;transition:background-color .2s,color .2s}menu li a{margin-left:8px;text-decoration:none;color:inherit}.maintext{font-family:sans-serif;color:#fbf1c7;padding:18px;margin-bottom:28px}h2{font-family:Buttons,serif;letter-spacing:2px;font-size:30px;margin-bottom:10px}h3{background-color:#fbf1c7;color:#504945;font-size:15px;width:fit-content;padding:1px 8px;margin-left:18px;border:none;border-radius:4px}main p{font-size:16px;line-height:1.3;margin-bottom:10px;margin-top:10px}.search{border:none;border-radius:4px;padding:8px 4px;background-color:#fbf1c7;color:#504945;font-size:15px;margin-right:8px;outline:none}.searchform{display:flex;flex-direction:row;width:fit-content;margin-bottom:18px}.login{display:flex;flex-direction:row;width:320px;background-color:#fbf1c7;border:none;border-radius:4px;padding:1px 4px}input{background-color:#fbf1c7;color:#504945;font-size:15px;border:none;margin-left:8px;outline:none;width:320px}.rank{display:flex;flex-direction:row;width:auto;background-color:#fbf1c7;font-size:15px;border:none;border-radius:4px;padding:8px 4px}input::placeholder{color:#bdae93}.buttonmain{font-family:sans-serif;background-color:#fbf1c7;color:#000;border:none;border-radius:4px;padding:6px 12px;margin-left:8px;font-size:16px;cursor:pointer}.buttonmain:hover{background-color:#fe8019;transition:background-color .2s,color .2s}.buttonmain:disabled{background-color:#bdae93;color:#665c54;cursor:not-allowed}.buttonsecondary{font-family:sans-serif;background-color:transparent;color:#fbf1c7;border:none;border-radius:4px;padding:6px 12px;margin-left:8px;font-size:16px;cursor:pointer}.buttonsecondary:hover{background-color:#3c3836;transition:background-color .2s,color .2s}.buttonheart{font-family:sans-serif;background-color:#fbf1c7;border:none;border-radius:4px;padding:8px 8px 3px;cursor:pointer}.buttonheart:hover{background-color:#d5c4a1;transition:background-color .2s,color .2s}#about{display:flex;flex-direction:row;gap:15px;align-items:flex-start;margin-bottom:10px}#aboutinfo{background-color:#504945;padding:1px 8px;border:none;border-radius:4px}table{width:99%;margin:15px .3%;border-collapse:collapse;background-color:#504945;padding:8px;border:none;border-radius:4px}tr,td,th{text-align:center;padding:8px;border-bottom:2px solid#665c54;border-top:2px solid #665c54}tr th:first-child,tr td:first-child{text-align:left;width:125px}tr th:nth-child(2),tr td:nth-child(2){text-align:left}tr th:last-child,tr td:last-child{text-align:right}.tablebutton{width:50px}#abouttable tr,#abouttable td,#abouttable th{text-align:center;padding:8px;align-content:center}.svg{width:22px;height:22px}.pfp{width:200px;height:200px;background-color:#fbf1c7;padding:8px;border:none;border-radius:4px}.gameimg{width:100px;border:none;border-radius:4px}.messageslist{display:flex;flex-direction:column;background-color:#3c3836;padding:10px;border:none;border-radius:4px;margin-top:10px;margin-bottom:40px;max-height:425px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a89984 #3c3836}.messagerow{display:flex;flex-direction:column;padding:4px 10px;width:70vw;word-break:break-word}.messageme{font-family:buttons,sans-serif;font-size:20px;color:#cc241d}.messageother{font-family:buttons,sans-serif;font-size:20px;color:#458588}.messagedate{color:#7c6f64;font-size:12px}.chatform{position:fixed;bottom:45px;left:20px;right:20px;display:flex;flex-direction:row;justify-content:space-between;background-color:#fbf1c7;border:none;border-radius:4px;padding:5px 4px;box-shadow:5px 8px 10px 1px #000}.chatinput{width:84vw;background-color:#fbf1c7;border:none;border-radius:4px;padding:1px 4px;word-break:break-word}.chatsend{font-family:sans-serif;background-color:#fb4934;color:#000;border:none;border-radius:4px;padding:6px 12px;font-size:16px;cursor:pointer}.chatsend:hover{background-color:#cc241d;transition:background-color .2s,color .2s}.footer{display:flex;flex-direction:row;justify-content:center;gap:15px;background-color:#ebdbb2;color:#000;font-family:sans-serif;font-size:17px;text-align:center;padding:4px;margin-top:auto;position:fixed;bottom:0;left:0;right:0}footer span{display:flex;flex-direction:row;align-items:center;background-color:#fbf1c7;border:none;border-radius:4px;padding:1px 6px}footer span a{margin-left:4px;text-decoration:none;color:inherit}footer span:hover{background-color:#fe8019;transition:background-color .2s,color .2s}