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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-light:#5f5956;--bg-dark:#221f1c;--bg-normal:#3e3935;--text-bright:#eaeaea;--text-normal:#cfcfcf;--text-dark:#8d8d8d;--accent:#f80;--link:#74b7ff}body{background-color:#3e3935;background-color:var(--bg-normal);color:#cfcfcf;color:var(--text-normal);font-family:sans-serif;margin:0}.main-container{align-items:center;padding:1rem}.content-wrapper,.main-container{display:flex;flex-direction:column}.content-wrapper{flex-grow:1;gap:1rem;max-width:1200px;width:100%}@media (min-width:768px){.main-container{padding:2rem}.content-wrapper{align-items:stretch;flex-direction:row}.chess-section,.sidebar-section{height:auto}.board-wrapper{aspect-ratio:1/1;height:auto;max-width:100%;width:100%}.react-chessboard{height:100%!important;width:100%!important}.sidebar-section{justify-content:center}}.chess-section{flex:1.5 1}.board-wrapper,.chess-section{display:flex;justify-content:center;width:100%}.board-wrapper{border:8px solid #221f1c;border:8px solid var(--bg-dark)}.react-chessboard{height:auto!important;width:100%!important}.sidebar-section{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;outline:8px solid #221f1c;outline:8px solid var(--bg-dark);text-align:center}button{background-color:#5f5956;background-color:var(--bg-light);border:2px solid #221f1c;border:2px solid var(--bg-dark);border-radius:4px;color:#cfcfcf;color:var(--text-normal);cursor:pointer;margin:.25rem;padding:.5rem 1rem;transition:background-color .2s,border-color .2s}button:hover{background-color:#3e3935;background-color:var(--bg-normal);color:#eaeaea;color:var(--text-bright)}button:focus{outline:none}button.selected,button:active{background-color:#221f1c;background-color:var(--bg-dark)}button.selected{border-color:#f80;border-color:var(--accent);color:#eaeaea;color:var(--text-bright)}.control-panel{align-items:center;display:flex;flex-direction:column;text-align:center}input[type=text],textarea{background-color:#5f5956;background-color:var(--bg-light);margin-bottom:1rem;resize:none;width:90%}.navbar,input[type=text],textarea{color:#cfcfcf;color:var(--text-normal)}.navbar{background-color:#221f1c;background-color:var(--bg-dark);display:flex;font-size:24px;justify-content:space-between;outline:2px solid #f80;outline:2px solid var(--accent);outline-offset:-2px;padding:.5rem}.navbar-logo img{background:none;border:1px solid blue;border-radius:0;display:block;height:50%}.navbar a,span{color:#eaeaea;color:var(--text-bright);margin:0 2rem;text-decoration:none}.navbar-logo{align-items:center;display:flex;height:100%}.navbar-logo a{color:#cfcfcf;color:var(--text-normal);display:block;height:100%;text-align:center}.dropdown-content{background-color:#221f1c;background-color:var(--bg-dark);display:none;outline:2px solid #f80;outline:2px solid var(--accent);padding:.5rem;position:absolute}.dropdown:hover .dropdown-content{display:flex;flex-direction:column}.dropdown:hover .dropdown-content a{margin:.5rem}.mobile-only{display:none}.desktop-only{display:flex}.hamburger{margin:0;padding:0 1rem}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.hamburger{position:relative}.mobile-menu{background-color:#3e3935;background-color:var(--bg-normal);display:flex;flex-direction:column;font-size:24px;outline:2px solid #f80;outline:2px solid var(--accent);padding:1rem;position:absolute;right:0;top:100%;white-space:nowrap;z-index:9999}.mobile-menu a{margin:1rem .5rem}}.blog-post-container{display:flex;gap:20px;justify-content:center}.blog-post{flex:1 1;max-width:800px;padding:20px}.blog-post img,iframe{outline:2px solid #f80;outline:2px solid var(--accent)}.blog-post img{display:block;margin:1rem auto .5rem;max-height:500px;max-width:100%}.blog-post iframe{width:100%}.home{display:flex;gap:20px;justify-content:center}.home-column{flex:1 1;max-width:800px;padding:20px}.home iframe{aspect-ratio:16/9;outline:2px solid #f80;outline:2px solid var(--accent);width:100%}.caption{text-align:center}.blog-info,.caption{color:#8d8d8d;color:var(--text-dark);margin:0}.blog-info{padding:0}.blog-post iframe{aspect-ratio:16/9}.blog-post h1,.blog-post h2{margin-bottom:0}.blog-post h2{margin-top:30px}.blog-post a{color:#74b7ff;color:var(--link)}.sidebar{padding:20px;width:350px}.sidebar-item{align-items:center;background-color:#221f1c;background-color:var(--bg-dark);border:2px solid #f80;border:2px solid var(--accent);display:flex;margin-bottom:20px;padding:10px;transition:background-color .3s}.sidebar-item-content{align-items:center;display:flex;gap:10px}.sidebar-item-image,.sidebar-item:hover{background-color:#3e3935;background-color:var(--bg-normal)}.sidebar-item-image{border:2px solid #5f5956;border:2px solid var(--bg-light);border-radius:50%;height:50px;width:50px}.sidebar-item-text{display:flex;flex-direction:column}.sidebar-item-text h4{font-size:1.2rem;font-weight:700;margin:0}.sidebar-item-text p{color:var(--text-light);font-size:.9rem;margin:5px 0 0}.sidebar h3{font-size:1.5rem;margin-bottom:20px}.sidebar ul{list-style:none;padding:0}.sidebar-link{color:inherit;display:block;text-decoration:none}@media (max-width:768px){.blog-post-container,.home{align-items:center;flex-direction:column}.sidebar{max-width:800px;order:2;padding:20px 0;width:100%}.blog-post{order:1}}.opening-trainer-text-container{align-items:center;display:flex;flex-direction:column;text-align:center}
/*# sourceMappingURL=main.5ef98960.css.map*/