@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--themecolor:teal}.navbar{align-items:center;background:#00000080;color:#fff;display:flex;font-family:Bungee Spice,sans-serif;height:100px;justify-content:space-between;left:0;padding:1rem 1rem 1rem 2%;transition:.3s ease-in-out;width:100%}.navbar.open{left:250px}.left-heading{align-items:center;display:flex;justify-content:space-between;width:18%}.right-heading{position:fixed;right:20px}.navbar h1{font-weight:400;margin:0}.navbar button{background:none;border:1px solid #fff;color:#fff;cursor:pointer;margin-right:2%;padding:.5rem 1rem;transition:.3s ease-in-out}.navbar button:hover{background:teal;background:var(--themecolor);border-color:teal;border-color:var(--themecolor)}@media only screen and (max-width:768px){.navbar{position:relative;width:100vw}.right-heading{display:none}.left-heading{margin-right:20px;width:100vw}.navbar h1{font-size:150%;margin:0}}.sidebar{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;height:100vh;left:0;overflow:auto;transition:.3s ease-in-out;width:20%}.sidebar.open{width:0}.sidebar ul{height:24%;list-style:none;padding:0}.sidebar ul,.sidebar ul li{align-items:center;display:flex;flex-direction:column;width:100%}.sidebar ul li{cursor:pointer;font-size:30px;height:100%;text-decoration:none;transition:.3s ease-in-out}.sidebar ul li:hover{background-color:var(--themecolor)}.account-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.account-header img{width:70%}.avatar-sidebar{align-items:center;background-color:var(--themecolor);border-radius:50%;color:#fff;display:inline-flex;font-size:50px;font-weight:400;height:120px;justify-content:center;margin-bottom:20px;margin-top:30px;width:120px}@media only screen and (max-width:768px){.sidebar{background:#000;transition:0s ease-in-out;width:100vw;z-index:1200}}*{box-sizing:border-box}.App{background-image:url(https://wallpapers.com/images/hd/plain-black-with-wooden-pattern-09v7n22juf06luep.jpg);justify-content:stretch}.App,.Content{display:flex;overflow:hidden}.Content{flex-direction:column;width:100vw}@media only screen and (max-width:768px){.Content{box-sizing:border-box;overflow:hidden;width:100vw}.OpenContent{display:none;overflow:hidden;width:0}.App{box-sizing:border-box;overflow:scroll;transition:.3s ease-in}}.ColumnButtons{height:100%}.button-col{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:2px;width:100%}.button-col button{background:none;border:2px solid var(--themecolor);color:#fff;cursor:pointer;font-size:30px;margin:5px;padding:5%;transition:.3s ease-in-out;width:100%}.button-col button:hover{background-color:var(--themecolor)}.orbitron-font{font-family:Orbitron,sans-serif}.cursive-font{font-family:Roboto,sans-serif}.login-page{align-items:center;display:flex;font-family:Poppins,sans-serif;height:100%;justify-content:center}.login-container{background:#00000080;border-radius:10px;box-shadow:0 0 20px #0000001a;max-width:400px;padding:40px;width:100vw}.login-title{color:wheat;font-family:Bungee Spice,sans-serif;margin-bottom:30px;text-align:center}.login-form{display:flex;flex-direction:column}.form-group{align-items:center;justify-content:center}.form-label{color:#fff;font-weight:500;margin-bottom:8px;margin-right:auto}.form-input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:12px 16px;transition:border-color .3s ease}.form-input:focus{border-color:#667eea;outline:none}.login-button{background:none;border:none;border:2px solid var(--themecolor);border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 16px;transition:background-color .3s ease}.login-button:hover{background-color:var(--themecolor)}button:disabled,button[disabled]{cursor:inherit}button:disabled,button:disabled:hover,button[disabled],button[disabled]:hover{background-color:#83bbbb;border:none;color:#fff}.signup-link{color:#fff;margin-top:20px;text-align:center}.signup-link a{color:(--themecolor);text-decoration:none;transition:color .3s ease}.signup-link a:hover{color:#5469d4}@media only screen and (max-width:768px){.form-input{width:70%}}.Homepage{height:100%}.button-row{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:2px;width:100%}.button-row button{background:none;border:2px solid var(--themecolor);color:#fff;cursor:pointer;font-family:Brush Script MT,cursive;font-size:30px;margin:5px;padding:5%;transition:.3s ease-in-out;width:100%}.button-row button:hover{background-color:var(--themecolor)}.account-page{align-items:center;display:flex;height:100%;justify-content:center}.account-container{background:#00000080;border-radius:5px;box-shadow:0 0 10px #0000001a;max-width:400px;padding:30px;text-align:center;width:100%}.avatar{align-items:center;background-color:var(--themecolor);border-radius:50%;display:inline-flex;font-size:24px;height:60px;justify-content:center;margin-bottom:20px;width:60px}.account-page h1,.avatar{color:#fff;font-weight:400}.account-page h1{font-family:Bungee Spice,sans-serif;margin-bottom:30px}.form-group{display:flex;margin-bottom:20px;text-align:left}.account-page label{color:#fff;display:flex;justify-content:space-between;margin-bottom:5px;width:100%}.mailclassleft{overflow:hidden;width:100%}.account-page input{border:1px solid #ccc;border-radius:3px;font-size:16px;padding:10px;width:100%}.update-button{background:none;border:2px solid var(--themecolor);color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;width:100%}.update-button:hover{background-color:var(--themecolor)}.update-button:disabled,.update-button[disabled]{background-color:#83bbbb;border:none;color:#fff;cursor:inherit}.update-button:disabled:hover,.update-button[disabled]:hover{background-color:#83bbbb;border:none;color:#fff}.signout-button{background:none;border:2px solid var(--themecolor);color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;width:100%}.signout-button:hover{background-color:var(--themecolor)}.unauthPage{font-family:Poppins,sans-serif;height:100%}.unauthContainer,.unauthPage{align-items:center;display:flex;justify-content:center}.unauthContainer{background:#00000080;border-radius:10px;box-shadow:0 0 20px #0000001a;color:#fff;flex-direction:column;max-width:400px;padding:40px;width:100%}.unauthContainer h1{font-family:Bungee Spice,sans-serif}.unauthBtn{background:none;border:2px solid var(--themecolor);color:#fff;cursor:pointer;font-size:20px;margin:20px 5px 5px;padding:5%;transition:.3s ease-in-out;width:100%}.unauthBtn:hover{background-color:var(--themecolor)}.ThemePage{height:100%}.card{align-items:center;background:#00000080;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:600px;padding:2rem;width:100%}.themedrawer{align-items:start;display:flex;flex-direction:column;height:100%;width:100%}.changeThemeButton{background:none;border:2px solid var(--themecolor);color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:30px;margin-right:2%;padding:5%;width:48%}.buttonThemeContainer{margin:2%;width:100%}.headerForTheme{align-items:center;border:2px solid var(--themecolor);color:#fff;display:flex;font-family:Orbitron,sans-serif;font-size:30px;justify-content:center;padding:5%;transition:.3s ease-in-out;width:100%}.tealbtn{border:2px solid teal}.purplebtn{border:2px solid purple}.orangebtn{border:2px solid orange}.pinkbtn{border:2px solid pink}.bluebtn{border:2px solid blue}.greenbtn{border:2px solid green}.tealselected{background:teal}.purpleselected{background:purple}.orangeselected{background:orange}.blueselected{background:blue}.greenselected{background:green}.pinkselected{background:pink}@media only screen and (max-width:768px){.changeThemeButton{font-size:20px}}.rowTicTacToe{display:flex;justify-content:center;width:100%}.rowTicTacToe button{background:none;border:1px solid #fff;color:#fff;font-family:Orbitron,sans-serif;font-size:40px;height:100px;transition:.3s ease;width:100px}.card{height:100%}.difficultyRow{display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.difficultySelectorButton{background:none;border:2px solid var(--themecolor);color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:30px;padding:5%;width:48%}.selected{background-color:var(--themecolor)}.ChessBoardContainer{width:70%}.card{display:flex;flex-direction:column;justify-content:center}.headerForBots{align-items:center;display:flex;justify-content:center;margin-bottom:10px;padding-bottom:5%;padding-top:5%}.clearBoard,.headerForBots{background:none;border:2px solid var(--themecolor);color:#fff;font-family:Orbitron,sans-serif;font-size:30px;transition:.3s ease-in-out;width:100%}.clearBoard{cursor:pointer;margin:20px 5px 5px;padding:5%}.clearBoard:hover{background-color:var(--themecolor)}
/*# sourceMappingURL=main.e5603545.css.map*/