@import url('https://fonts.googleapis.com/css2?family=Wittgenstein:ital,wght@0,400..900;1,400..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Wittgenstein:ital,wght@0,400..900;1,400..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Abel&family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); .center { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } body, html { background-color: #080505 !important; font-family: 'Custom', helvetica, arial; padding: 0; margin: 0; } a { text-decoration: none !important; } label { font-weight: unset !important; } input { padding: 15px; border-radius: 5px; border: solid 1px gray; } .btn { border: none; border-radius: 5px; padding: 10px; text-align: center; text-decoration: none; cursor: pointer; } .btn.bg-blue:hover { background-color:steelblue !important; } .btn.bg-red:hover { background-color: darkred; color: lightgray; } .bg-blue { background-color:royalblue !important; color: white !important; } .bg-red{ background-color: maroon !important; } .btn.disabled, .btn.disabled:hover { background-color: gray; color: darkgray; cursor: default; } /* Font Style */ .wittgenstein-normal { font-family: "Wittgenstein", serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; } .roboto-light { font-family: "Roboto", sans-serif; font-weight: 300 !important; font-style: normal; } .roboto-regular { font-family: "Roboto", sans-serif; font-weight: 400 !important; font-style: normal; } .roboto-medium { font-family: "Roboto", sans-serif; font-weight: 500 !important; font-style: normal; } .kanit-black { font-family: "Kanit", sans-serif; font-weight: 900 !important; font-style: normal; } .barlow-condensed-bold { font-family: "Barlow Condensed", sans-serif; font-weight: 700 !important; font-style: normal; } .barlow-condensed-extrabold { font-family: "Barlow Condensed", sans-serif; font-weight: 800 !important; font-style: normal; } .text-white { color: white; } .text-gray { color: gray; } .text-lightorange { color: #F3EDC8; } .text-sm { font-size: 12px; } .text-med { font-size: 25px; } .fw-thin { font-weight: 100; } .fw-med { font-weight: 400; }