body{margin:0;font-family:-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--button-blue:#1b71b2;--button-blue-hover:#199cfe;--button-green:#36ad47;--button-green-hover:#1ac933;--button-red:#cd4e38;--button-red-hover:#e33332}html{width:100%;height:100%;background-color:#000;-webkit-user-select:none;-ms-user-select:none;user-select:none}a,div,h1,h2,h3,h4,h5,h6,span{color:#fff}#root{grid-template-areas:"header" "main";margin:0 20px;transition:margin 2s}#nav,#root{display:grid}#nav{grid-template-columns:30% 70%;grid-template-rows:none;margin:1em 0;height:7em;width:100%;max-width:1120px;grid-area:header;justify-self:center}.logo{background-image:url(/static/media/templates.9c64916a.png);background-position:0 -837px;background-repeat:no-repeat;display:block;height:5.6em;width:276px;-webkit-align-self:center;align-self:center;justify-self:left;color:transparent;cursor:pointer;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.logo:hover{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.nav{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.nav-link{font-size:1.5rem;margin:0 .5em;text-decoration:none;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.nav-link:hover{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.thrasher{font-family:"Open Sans",sans-serif;color:#fff}#mobile-nav{display:none}#menu-button{position:absolute;top:0;right:0;margin-right:2em;margin-top:48px;background-color:transparent;width:44px;height:44px;border:none;background-image:url(/static/media/templates.9c64916a.png);background-position:-245px -194px;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}#menu-button:hover{-webkit-filter:blur(1.5px);filter:blur(1.5px);cursor:pointer}#mobile-dropdown{display:none;height:0}.mobile-nav-link-container{display:none;-webkit-justify-content:center;justify-content:center;width:100%}.mobile-nav-link{display:inherit;font-size:3vw;margin:.5em 2.5%;text-decoration:none;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.mobile-nav-link:hover{-webkit-filter:blur(1.5px);filter:blur(1.5px)}#mobile-logout{font-size:3vw;margin:.5em 2.5%;text-decoration:none;background-color:transparent;padding:0;border:none;cursor:pointer;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}#mobile-logout,#mobile-logout-text{display:inherit}#mobile-logout:hover{-webkit-filter:blur(1.5px);filter:blur(1.5px)}#mobile-logout:active{outline:none}.dummy{color:transparent;margin:0 1.5%;transition:all .3s}.dummy:hover{cursor:pointer;-webkit-filter:blur(1.5px);filter:blur(1.5px)}.dummy-form-container{display:inline;margin-left:3%;position:relative;top:2px}.dummy-form{display:inline}.dummy-input{border:0;height:20.6px;position:relative;top:-4px;padding-bottom:2px;padding-left:5px;font-weight:700;padding-top:3px;font-size:14px}.dummy-input:focus{border:none;outline:none}.dummy-label{background-image:url(/static/media/templates.9c64916a.png);background-position:-130px -196px;color:transparent;padding-right:22px;padding-top:4px;background-color:#fff}.dummy-nav{justify-self:right;-webkit-align-self:center;align-self:center;display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:flex-end;justify-content:flex-end}#mail{background-image:url(/static/media/templates.9c64916a.png);background-position:-273px -92px;width:50px;height:22px}#facebook{background-position:-322px -48px}#facebook,#instagram{background-image:url(/static/media/templates.9c64916a.png);height:22px;padding-right:21px}#instagram{background-position:-94px -253px}#twitter{background-position:-120px -253px;padding-right:22px}#twitter,#youtube{background-image:url(/static/media/templates.9c64916a.png);height:22px}#youtube{background-position:-289px -70px;padding-right:49px}.sub-header{display:grid;grid-template-columns:none;grid-template-rows:60% 40%}main{grid-area:main;display:grid;margin-bottom:2em}.dummy-mobile-nav{display:none}#login-form-container,#signup-form-container{background-image:url(/static/media/metal.033cadef.jpg);justify-self:center;padding:8px}#login-form,#signup-form{border:8px solid #000;background-color:#fff;padding:12px;display:grid;min-width:600px}#login-header-container{background-color:#000;width:100px;height:30px;-webkit-transform:skewX(-7deg);transform:skewX(-7deg);justify-self:center;margin:1em 0}#login-header{position:relative;top:-2px;text-align:center;font-family:"Open Sans",sans-serif;-webkit-transform:skewX(7deg);transform:skewX(7deg);margin:0}#signup-header-container{background-color:#000;width:115px;height:30px;-webkit-transform:skewX(-7deg);transform:skewX(-7deg);justify-self:center;margin:1em 0}#signup-header{position:relative;top:-2px;text-align:center;font-family:"Open Sans",sans-serif;-webkit-transform:skewX(7deg);transform:skewX(7deg);margin:0}.comment-input-container,.login-input-container,.post-input-container,.signup-input-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center;width:200px;justify-self:center}.comment-label,.login-label,.post-label,.signup-label{color:#666;margin-top:10px;margin-bottom:6px;font-size:.85em}.comment-input,.login-input,.post-input,.signup-input{font-weight:700;font-size:14px;padding:3px 3px 3px 10px}.login-input:focus,.signup-input:focus{outline:none}.comment-button-container,.login-button-container,.post-button-container,.signup-button-container{justify-self:center;margin-top:36px;margin-bottom:12px}.button{width:200px;padding:12px 0;border-radius:20px;text-transform:uppercase;border:none;letter-spacing:.5px;font-size:14px;font-family:"Open Sans",sans-serif;cursor:pointer;color:#fff}.button:focus{outline:none}.login-button{background-color:#1b71b2;background-color:var(--button-blue);transition:background-color .2s ease-in-out}.login-button:hover{background-color:#199cfe;background-color:var(--button-blue-hover)}.signup-button{background-color:#36ad47;background-color:var(--button-green);transition:background-color .2s ease-in-out}.signup-button:hover{background-color:#1ac933;background-color:var(--button-green-hover)}#logout{font-size:1.5rem;margin:0 .5em;text-decoration:none;background-color:transparent;padding:0;border:none;position:relative;top:-6px;cursor:pointer;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}#logout:hover{-webkit-filter:blur(1.5px);filter:blur(1.5px)}#logout:active{outline:none}.delete{position:relative;justify-self:end;bottom:10px;right:10px;height:30px;width:75px;background-color:#cd4e38;background-color:var(--button-red);transition:background-color .2s ease-in-out}.comment-delete,.show-delete{width:75px;height:30px;justify-self:end;background-color:#cd4e38;background-color:var(--button-red);transition:background-color .2s ease-in-out;margin-right:.5em}.comment-delete:hover,.delete:hover,.show-delete:hover{background-color:#e33332;background-color:var(--button-red-hover)}.delete-text{position:relative;top:-7px}#boards-container,#post-show-container,#posts-container{width:100%;max-width:1120px;justify-self:center;background-image:url(/static/media/metal.033cadef.jpg)}#boards-sub-container,#post-show-sub-container,#posts-sub-container{margin:8px;border:8px solid #000;padding:12px;background-color:#fff;display:grid}#boards-header-container{background-color:#000;width:125px;height:34px;-webkit-transform:skewX(-7deg);transform:skewX(-7deg);justify-self:center;margin-top:1em;margin-bottom:2em}#boards-header{position:relative;top:-6px;text-align:center;font-family:"Open Sans",sans-serif;-webkit-transform:skewX(7deg);transform:skewX(7deg);margin:0;left:1px}#boards-list-container,#posts-list-container{background-color:#000;margin-bottom:1em}.board-link,.post-link{text-decoration:none}.board-text,.post-text{background-color:#fff;margin:4px}.board-title,.post-title{margin:0;padding:8px 0 8px 20px;font-size:24px;font-weight:900;text-transform:capitalize;color:#000}.board-description,.post-description{padding:0 0 8px 20px;margin:0;font-size:14px;color:#666}#posts-header-container{background-color:#000;width:110px;height:34px;-webkit-transform:skewX(-7deg);transform:skewX(-7deg);justify-self:center;margin-top:1em;margin-bottom:2em}#posts-header{position:relative;top:-6px;text-align:center;font-family:"Open Sans",sans-serif;-webkit-transform:skewX(7deg);transform:skewX(7deg);margin:0;left:1px}.post-text{display:grid;grid-template-columns:70% 30%}.time{justify-self:end;margin-right:12px;margin-top:12px;padding:0}#post-form-container{border:4px solid #000;margin-bottom:1em}#post-form-header-container{background-color:#000;width:175px;height:34px;-webkit-transform:skewX(-7deg);transform:skewX(-7deg);justify-self:center;margin-top:1em;margin-bottom:2em}#post-form-header{position:relative;top:-6px;text-align:center;font-family:"Open Sans",sans-serif;-webkit-transform:skewX(7deg);transform:skewX(7deg);margin:0;left:1px}#post-form{margin:8px;display:grid}.comment-input,.post-input,.post-textarea-input{width:350px;-webkit-align-self:center;align-self:center}.comment-input,.post-textarea-input{height:200px;font-weight:700;font-size:14px;padding:3px 3px 3px 10px}.post-show-title{color:#000;margin:0}.post-created,.post-show-text,.post-text{color:#666;font-size:12px}.post-show-description{color:#000}#post-show-footer{display:grid;grid-template-columns:1fr 1fr;width:100%;border-bottom:1px solid #000}#comments-header-container{background-color:#000;width:200px;height:34px;-webkit-transform:skewX(-7deg);transform:skewX(-7deg);justify-self:center;margin:1em 0}#comments-header{position:relative;top:-6px;text-align:center;font-family:"Open Sans",sans-serif;-webkit-transform:skewX(7deg);transform:skewX(7deg);margin:0}#comments-container{display:grid;border-bottom:1px solid #000}.comment-container{border-top:4px dotted grey}.comment-user{color:#666;margin-right:8px;font-size:14px;font-weight:700}.comment-text,.comment-user{display:inline-block;margin-bottom:0;margin-top:12px}.comment-text{color:#000}.comment-created{color:#666;font-size:12px}.comment-footer{display:grid;grid-template-columns:1fr 1fr}#comment-form-header-container{background-color:#000;width:260px;height:34px;-webkit-transform:skewX(-7deg);transform:skewX(-7deg);justify-self:center;margin:1em 0}#comment-form-header{position:relative;top:-6px;text-align:center;font-family:"Open Sans",sans-serif;-webkit-transform:skewX(7deg);transform:skewX(7deg);margin:0}#comment-form{display:grid}.bold{font-weight:700;color:#666}#error-container{width:600px;justify-self:center;background-image:url(/static/media/metal.033cadef.jpg)}#error-404{text-align:center;margin:8px;border:8px solid #000;background-color:#fff;display:grid}#error-404 h2{color:#666;margin-top:0}#error-header-container{background-color:#000;width:170px;height:34px;-webkit-transform:skewX(-7deg);transform:skewX(-7deg);justify-self:center;margin:1em 0}#error-header{position:relative;top:-5px;text-align:center;font-family:"Open Sans",sans-serif;-webkit-transform:skewX(7deg);transform:skewX(7deg);margin:0}@media only screen and (max-width:950px){#root{margin:0}#nav{display:none}#mobile-nav{display:-webkit-flex;display:flex;margin:1em 0;height:7em;width:100%;grid-area:header;-webkit-justify-content:center;justify-content:center}#mobile-dropdown{display:block}.dummy-mobile-form-container,.dummy-mobile-nav{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:1em}.dummy-mobile-form-container{width:100%;margin-left:0;top:none;margin-top:8px}.dummy-form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:70%}.dummy-input{top:0;width:70%}.post-show-text,.post-show-title{text-align:center}#login-form,#signup-form{min-width:auto}#login-form-container,#signup-form-container{width:100%;box-sizing:border-box}}@media only screen and (max-width:750px){.dummy{-webkit-transform:scale(.75);transform:scale(.75);margin:8px 1% 0}.post-text{grid-template-columns:none;grid-template-rows:auto}.post-title{padding:8px 0;justify-self:center;text-align:center}.post-description{margin:0;padding:4px 0;justify-self:center}.delete{right:0;bottom:0;justify-self:center;margin-top:4px;margin-bottom:8px}.board-text{text-align:center}.comment-input-container,.post-input-container{width:100%}.comment-input,.post-input,.post-textarea-input{width:70%;max-width:350px}}
/*# sourceMappingURL=main.6e14d5b8.chunk.css.map */