.App{border:5px solid #282c34;border-radius:30px;overflow:hidden;padding:20px;position:relative}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{height:300px;border-top-left-radius:30px;border-top-right-radius:30px;display:flex;flex-direction:column;color:#fff;position:relative;margin-bottom:8vh;top:10px;justify-content:space-between}.App-header .nav{z-index:1;display:flex;justify-content:space-between;padding:0 5vw}.App-header .nav ul{list-style:none;color:#fff;display:flex;align-items:center}.App-header .nav ul a{padding:5px 10px;color:#fff;text-decoration:none;border-radius:10px}.App-header .nav ul a:not(:last-child){margin-right:10px}.App-header .nav ul a:hover{background-color:#000}.App-header button{min-width:40px;max-width:10vw;display:inline-block;padding:8px;border-radius:8px;font-weight:700;border:2px solid white}.btn-create-thread span{margin-left:2vw;display:inline-block;font-size:15px;-webkit-text-fill-color:white;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:white}.btn-create-thread{margin-left:5vw;margin-bottom:5vh;z-index:1}.App-header button:hover{cursor:pointer;background-color:#eb455f;color:#fff}.App-header .landscape_1{width:100%;height:100%;background-image:url(/landscape_1.jpg);background-size:cover;filter:brightness(.7) contrast(1.5);position:absolute;border-radius:30px;top:0}.App-link{color:#61dafb}.height-unset{height:unset}.bg-dark{background-color:#282c34}.mb-0{margin-bottom:0}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{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}:root{--accent-color: #00796b;--foreground-color: #0F1419;--background-color: white;--gray-dark-color: #66757F;--gray-light-color: #edeff1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App main select{padding:10px;border-radius:5px;margin-bottom:20px;margin-left:10px;border:none;box-shadow:1px 2px #b1b1b1}.loading{position:sticky;top:0;z-index:2}.container-thread-list{display:grid;grid-template-columns:2fr repeat(1,.7fr);justify-content:center;column-gap:6vh}.container-thread-list .item{display:grid;grid-template-columns:repeat(3,2fr);margin-right:10px;grid-auto-rows:max-content}.container-thread-list .leaderboards h1{margin-top:0}.container-thread-list .leaderboards div.item{display:block}.card{padding:10px;border:3px solid #282c34;box-shadow:4px 4px 5px #0000005f;border-radius:15px;margin-bottom:20px;transition:all .2s ease;height:fit-content}.card h2{min-height:60px}.card:not(:last-child){margin-right:10px}.card:hover{background-color:#ef95a36e;cursor:pointer;transform:skewY(.4deg)}.card .content{margin:10px 0;min-height:7vh;max-height:7vh;overflow:hidden}.card .owner{color:#eb455f;font-weight:700;margin-right:2vw}.card .commentCard{background-color:#e0e0e0;padding:5px 10px;border-radius:10px;margin-bottom:0}.card #category{background-color:#eb455f;display:inline-block;padding:5px 10px;border-radius:5px;color:#fff}.card .card-thread-attribute{display:flex;align-items:center;justify-content:space-between;margin:0 0 0 auto}.item .card .profile{display:flex;align-items:center;justify-content:space-around}.card .profile img{border-radius:50%}.card .profile span{display:block;margin-left:15px}.card .card-thread-attribute #category:empty{display:none}.card .card-thread-attribute .vote{margin-top:30px}.card .card-thread-attribute .vote span{margin-right:10px;transition:all .3s ease-in-out}.card .card-thread-attribute .vote span:hover{font-weight:500}.card .card-thread-attribute .vote span svg{margin-right:5px;fill:#6f6f6f}.card .card-thread-attribute .vote span svg.liked{fill:#eb455f}.container-thread{padding:0 5vw}#detail .container-thread-list{justify-content:unset;grid-template-columns:unset;column-gap:0}#detail .container-thread-list .item{grid-template-columns:repeat(4,2fr)}.detail h3,.detail span{margin-top:0;display:inline-block}.detail .profile{display:flex;flex-direction:row;align-items:center}.detail .profile span{margin-left:20px}.detail .profile img{border-radius:50%;border:2px solid #282c34}.container-thread .comment{background-color:unset;padding:5px 20px;border-radius:5px;font-weight:700;border:2px solid #282c34;position:relative;margin-bottom:3vh}.container-thread .comment:hover{cursor:pointer;background-color:#282c34;color:#fff}.container-login{height:80vh;justify-content:space-between}.container-login aside{position:absolute;clear:both;right:3vh;top:16.5vh;z-index:-1}.container-login article{position:relative;z-index:1}.register .form-login{height:75vh!important;margin:10vh auto!important}.form-login label{margin-top:10px;display:block}.container-login .form-login{width:500px;height:60vh;border:3px solid #282c34;display:flex;border-radius:25px;flex-direction:column;padding:10px;margin:15vh auto;box-shadow:#00000059 0 5px 15px;-webkit-backdrop-filter:saturate(200%) blur(30px);backdrop-filter:saturate(200%) blur(30px)}.container-login .form-login p:not(:first-child){text-align:center;margin-bottom:5px}.container-login .form-login h1{text-align:center;margin-bottom:5px}.container-login .form-login input{width:98%;height:5vh;border-radius:10px;border:2px solid #282c34}.container-login .form-login .btn-register{margin-right:10px;background-color:#00bc39;border:2px solid #00bc39!important;color:#fff;font-weight:700;transition:all .3s}.container-login .form-login .btn-register:hover{background-color:#03ff4f;border:2px solid #00bc39;cursor:pointer}.container-login .form-login .btn-register:active{background-color:#00bc39;border:2px solid #00bc39;transform:scale(.9);color:#fff;cursor:pointer}.container-login .form-login .btn-login:hover{background-color:#6f6f6f;color:#fff;cursor:pointer}.container-login .form-login .btn-login,.container-login .form-login .btn-register{width:49%;padding:10px;margin-top:35px;border-radius:10px;border:2px solid #282c34;font-weight:700}@media only screen and (max-width: 1016px){.card{height:auto}.card .card-thread-attribute{flex-direction:column}.card .card-thread-attribute p{margin:15px 0 0}}@media only screen and (max-width: 1153px){.card .card-thread-attribute{flex-direction:column}}@media only screen and (max-width: 740px){.container-thread-list,.container-thread-list .item{grid-template-columns:repeat(1,1fr)}}.modalBackground{width:100vw;height:100vh;background-color:#323232a6;position:fixed;display:flex;top:0;left:0;z-index:2;justify-content:center;align-items:center}.modalWrapper{width:100vw;height:100vh;position:fixed;display:flex;top:0;left:0;z-index:2;justify-content:center;align-items:center;animation:showModal .2s}.modalContainer{width:500px;height:550px;border-radius:12px;background-color:#fffc;box-shadow:#00000059 0 5px 15px;-webkit-backdrop-filter:saturate(200%) blur(30px);backdrop-filter:saturate(200%) blur(30px);color:#000;display:flex;flex-direction:column;padding:25px;z-index:3}.modalContainer .title h1{margin-top:5px}.modalContainer .title,.modalContainer .category{display:inline-block;text-align:center}.modalContainer .category p{margin-top:10px;margin-bottom:5px}.titleCloseBtn{display:flex;justify-content:flex-end}.titleCloseBtn button{background-color:transparent;border:none;font-size:25px;cursor:pointer}.modalContainer .body{flex:50%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.modalContainer .body p{margin:0}.modalContainer textarea{border-radius:6px;border:2px solid #282c34;font-family:monospace;padding:3px 10px}.modalContainer .footer{flex:20%;display:flex;justify-content:center;align-items:center}.modalContainer .footer button{width:150px;height:45px;margin:10px;border:none;border-radius:8px;cursor:pointer;border:3px solid turquoise}.modalContainer .footer button:hover{background-color:#40e0d0}#cancelBtn{border:3px solid crimson}#cancelBtn:hover{background-color:#dc143c}.warning-notlogged{height:auto}.warning-notlogged sub{font-size:12px}@keyframes showModal{0%{opacity:0}50%{opacity:.7}to{opacity:1}}