@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap);*,:after,:before{box-sizing:border-box}*,:after,:before,div,h1,h2,input,label,li,p,td,th,tr,ul{padding:0;margin:0}body{font-size:1.2rem;font-family:"Roboto","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background-color:#333;color:#fff;word-wrap:break-word;position:relative;min-height:100vh}main{padding-bottom:2.5rem}footer{background-color:#343a40;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;width:100%;height:2.5rem}img{width:50%}a,a:focus,a:hover{color:#fff;text-decoration:none}a:focus,a:hover{opacity:.75}.container{width:100%;max-width:25rem;margin:10px auto}.pr__btn{padding:10px;border:0;background-color:brown;border-radius:10px;cursor:pointer;color:#fff;font-size:1.2rem}.pr__btn:focus,.pr__btn:hover{opacity:.75}.input,textarea{width:100%;border:2px solid #aaa;border-radius:4px;outline:none;padding:.3rem;box-sizing:border-box;max-width:15rem}.form-control:focus,.input:focus{border-color:brown;box-shadow:0 0 5px 0 brown}.nav__list{list-style:none}.nav__item,.nav__list{display:flex;align-items:center;justify-content:center;flex-direction:column}.nav__item{text-decoration:none}.nav__link{color:#fff;text-transform:uppercase;text-decoration:none;font-size:1.3rem}.nav__link:focus,.nav__link:hover{color:#fff;opacity:.75;text-decoration:none}.nav__button{margin-top:5px}.nav__button:focus,.nav__button:hover{border:0;color:#fff;opacity:.75;text-decoration:none}.auth__container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#343a40;color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);padding:20px;border-radius:10px;grid-gap:5px;gap:5px}.auth__text{color:#fff;font-weight:700}.comment__container,.post__container{color:#fff;background-color:#343a40;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.comment__container+.comment__container,.post__container+.post__container{margin-top:10px}.comment__userInfo,.post__userInfo{display:flex;flex-direction:column;align-items:center;width:100%;max-width:200px;border:3px solid #333;border-top-style:hidden;border-radius:0 0 10px 10px}.comment__name,.post__name{text-transform:uppercase;margin-bottom:10px}.comment__email,.post__email{font-size:.8rem;color:#fff;background-color:#333;border-radius:0 0 10px 10px;padding:5px}.comment__content,.post__content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:300px}.post__button{position:absolute;top:8px;right:16px;font-size:18px}.test{padding:0 0 1px;width:100%;background-color:#333;border:none}.dropdown__menu{background-color:#333;border-radius:10px}.dropdown__item{color:#fff;text-transform:uppercase;text-align:center}.dropdown__item:focus,.dropdown__item:hover{background-color:brown;color:#fff}.moreView{width:100%;max-width:21px}.modal-content{background-color:#333;position:relative}.btn-close{display:none}.btn-primary{background-color:brown;border:brown}.btn-primary:focus,.btn-primary:hover{opacity:.75;background-color:brown;border:brown}.search__container{color:#fff;background-color:#343a40;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:10px;grid-gap:10px;gap:10px;padding:30px}.movie__container,.search__container{display:flex;flex-direction:column;align-items:center;justify-content:center}.movie__container{grid-gap:7px;gap:7px}.imdb__container{color:#f5c518;display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px}.imdbRating{font-weight:bolder}.imdb_logo{width:100%;max-width:30px}textarea{max-width:50rem}.post__content__container{margin:20px}.github__mark{width:100%;max-width:30px}.dropdown__item{cursor:pointer}.input__comment{width:100%;max-width:300px;margin:10px}.comment__btn{margin:10px}.comment{margin:10px 0}@media (min-width:430px){body{font-size:1rem}img{width:100%}.container{width:100%;max-width:25rem;margin:20px auto}.nav__list{flex-direction:row;justify-content:space-between;grid-gap:10px;gap:10px}.nav__button{margin-top:0}header{background-color:#343a40;overflow:hidden}.nav__container{display:flex;width:100%;padding:0 10px}.nav__list{display:flex;list-style:none;margin:auto 0}.nav{width:100%;display:flex;justify-content:space-between}.nav,.pr__btn{padding:.5rem 1rem}.pr__btn{font-size:1rem}}
/*# sourceMappingURL=main.3ae83e82.chunk.css.map */