body{font-family:Montserrat,sans-serif;font-weight:400;color:#fff;height:100%;background-color:#01021b}.flex-header{display:flex;justify-content:space-evenly;padding:3%}.flex-header .logo-header{width:207px;height:93px;cursor:pointer}.flex-header .header-content{position:relative;display:flex;width:514px;height:85px;padding:6px 15px;margin-left:33px;background-color:#cf7a2c;border-radius:20px}.flex-header .header-content .header-list{margin:6px 20px 0;display:flex;gap:13px;font-size:20px;line-height:26px;font-weight:400}.flex-header .header-content .header-list a{cursor:pointer;color:inherit;text-decoration:none;position:relative}.flex-header .header-content .header-list a:hover{background-color:#98581ced;border-radius:30%}.flex-header .header-content ul{list-style-type:none}.flex-header .header-content .search{display:flex;justify-content:center;align-items:center;height:5vh}.flex-header .header-content .search input{border:none;outline:none;max-width:140px;height:20px;font-size:16px;padding:5px 20px;color:#000;background-color:#ffffffc4;border-radius:30px;margin-left:60px;margin-top:10px}.flex-header .header-content .search .search-result{position:absolute;top:100%;right:5px;width:200px;max-height:300px;overflow-y:auto;background-color:#140c0cb3;box-shadow:0 4px 6px #0000001a;border-radius:0 30px 30px;z-index:100;display:flex;flex-direction:column;padding:10px;box-sizing:border-box;color:#cf7a2c}.flex-header .header-content .search .search-result ul{list-style-type:none;margin:0;padding:0}.flex-header .header-content .search .search-result li{margin-bottom:3px;padding:5px}.flex-header .header-content .search .search-result:hover{cursor:pointer}.flex-header .header-content .search .search_loop{color:#000;padding-left:5px;font-size:20px}.flex-header .header-content .search .search_loop:hover{cursor:pointer}body{margin:0;padding:0}section h1{text-align:center;margin-top:20px;font-size:2rem;color:#fff}section .carousel{position:relative;width:100%;margin:10px auto;overflow:hidden;border-radius:10px}section .carousel .carousel-track{display:flex;transition:transform .8s ease-in-out;width:100%}section .carousel .carousel-slide{transition:transform .5s ease-in-out}section .carousel .carousel-slide img{width:100%;height:50vh;object-fit:contain;border-radius:8px}section .carousel .arrow-style{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border-radius:50%;padding:10px;z-index:2;transition:transform .3s ease}section .carousel .arrow-style:nth-child(3){right:10px}.genres-movies{margin:70px 0}.genres-movies .container-movies{margin:0 50px}.genres-movies .container-movies .genres-nav{margin-bottom:150px;display:flex;justify-content:center}.genres-movies .container-movies .genres-nav .genres-list{display:flex;gap:100px;list-style-type:none}.genres-movies .container-movies .genres-nav .genres-list .genre-item{cursor:pointer;border:3px solid #CF7A2C;border-radius:30px;max-width:100%;width:150px;text-align:center;padding:5px 0}.genres-movies .container-movies .genres-nav .genres-list .genre-item:hover{transition:ease-in-out .1s;background-color:#3e3e5bb3}.genres-movies .container-movies .genres-nav .genres-list .genre-item:active{background-color:#242454b3}.genres-movies .container-movies .genres-nav a{color:#cf7a2c;background-color:transparent;font-size:20px;text-transform:uppercase;list-style-type:none;text-decoration:none}.genres-movies .container-movies .genres-nav .genres-content{display:flex;justify-content:space-between;margin-bottom:30px}section ul{list-style-type:none}section a{text-decoration:none}section .movies-content{display:flex;justify-content:space-between;margin-bottom:30px;margin-left:73px}section .movies-title{font-weight:700;font-size:1.5em;margin:0 59px}section .movies-lists{margin-bottom:50px}section .mov-list{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}section .movies-list__item{margin-bottom:80px}section .movies-btn{cursor:pointer;border:none;background-color:#cf7a2c;margin:10px 0;max-width:100%;width:300px;color:#fff;line-height:40px;font-size:21px}section .movies-btn:hover{transition:ease-in-out .1s;background-color:#98581ced}section .movies-btn:active{background-color:#7e4b1bed}footer{display:flex;justify-content:center;align-items:center;flex-direction:column}footer .footer-btn__link{color:#e5e5e5;font-size:20px;font-weight:400;border-radius:10px;display:inline-block;width:370px;padding:5px 30px;background-color:#cf7a2c}footer .footer-btn__link:hover{transition:ease-in-out .1s;background-color:#98581ced}footer .footer-btn__link:active{font-size:21px;background-color:#7e4b1bed}footer .footer-cont__text{text-align:center}footer .footer-cont__logo{text-align:center}main .back-btn{position:fixed;background-color:#cf7a2c;width:100px;font-size:16px;color:#120303;top:20px;left:20px;border:1px solid transparent;border-radius:10px}main .movie-page{display:flex;justify-content:center;align-items:center;flex-direction:column;height:90vh}main .movie-page .block-movie-page{width:300px;height:500px}main .movie-page .block-movie-page p{color:#fff;text-align:left;vertical-align:text-top;font-size:16px;font-family:Kumar One;line-height:auto}main .movie-page .block-movie-page .comments .block-comments{display:flex;flex-direction:column;justify-content:flex-end;background-color:#070925;height:400px;width:336px;border-radius:10px;border:1px solid #070925;padding:10px}main .movie-page .block-movie-page .comments .block-comments .list-message{display:flex;justify-content:right}main .movie-page .block-movie-page .comments .block-comments .list-message li{text-align:center;list-style-type:none;color:#ff00bf;font-size:18px;padding-bottom:15px}main .movie-page .block-movie-page .comments .block-comments .flex-comments{display:flex;align-items:center;justify-content:center}main .movie-page .block-movie-page .comments .block-comments .flex-comments .input-name{margin-right:10px;background-image:linear-gradient(to bottom,#8443d8b3 30%,#d882c5cc 70%);height:35px;width:100px;border-radius:10px;color:#ff00bf;font-size:18px;text-shadow:0 0 5px rgb(255,196,0);margin-bottom:10px}main .movie-page .block-movie-page .comments .block-comments .flex-comments .input-message{margin-right:10px;background-image:linear-gradient(to bottom,#8443d8b3 30%,#d882c5cc 70%);height:35px;width:285px;border-radius:10px;color:#ff00bf;font-size:18px;text-shadow:0 0 5px rgb(255,196,0)}main .movie-page .block-movie-page .comments .block-comments .flex-comments button{background-color:transparent;border:none;margin-top:16%}main .movie-page .block-movie-page .comments .block-comments .flex-comments button img{height:39px;width:44px;left:262px;top:401px;cursor:pointer}