@import"https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700";@import"https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i";*{margin:0;border:0;box-sizing:border-box}:root{--font-roboto: "Roboto Slab", serif;--font-raleway: "Raleway", sans-serif}body{font-family:var(--font-roboto);background-color:#212426}.app{padding:4rem;display:flex;justify-content:center;align-items:center;flex-direction:column}h1{font-size:3rem;letter-spacing:.9px;background:linear-gradient(90deg,rgba(249,211,180,1) 0%,rgba(249,211,180,0) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}.search{width:71%;margin:4rem 0 2rem;display:flex;align-items:center;justify-content:center;padding:1.5rem 1.75rem;border-radius:3rem;background:#1f2123;-webkit-box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527}.search input{flex:1;border:none;font-size:1.5rem;font-family:var(--font-raleway);font-weight:500;padding-right:1rem;outline:none;color:#a1a1a1;background:#1f2123}.title-part{display:flex;cursor:pointer}.movieIco{width:7rem;height:3.6rem;cursor:pointer}.search img{width:35px;height:35px;cursor:pointer}.empty{width:100%;margin-top:3rem;display:flex;justify-content:center;align-items:center}.error-message{font-size:1.25rem;font-weight:700;color:#f9d3b4;font-family:var(--font-raleway)}.container{width:100%;margin-top:3rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.movie{width:310px;height:460px;margin:1.5rem;position:relative;border-radius:12px;overflow:hidden;border:none;transition:all .4s cubic-bezier(.175,.885,0,1);box-shadow:0 13px 10px -7px #0000001a}.movie div:nth-of-type(1){position:absolute;padding:16px;width:100%;opacity:0;top:0;color:#f9d3b4}.movie:hover{box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.movie div:nth-of-type(2){width:100%;height:100%}.movie div:nth-of-type(2) img{height:100%;width:100%}.movie div:nth-of-type(3){z-index:2;background-color:#343739;padding:16px 24px 24px;position:absolute;bottom:0;right:0;left:0}.movie div:nth-of-type(3) span{font-family:Raleway,sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:2px;font-weight:500;color:#f0f0f0}.movie div:nth-of-type(3) h3{margin-top:5px;font-family:Roboto Slab,serif;color:#f9d3b4}.movie:hover div:nth-of-type(2){height:100%;opacity:.3}.movie:hover div:nth-of-type(3){background-color:transparent}.movie:hover div:nth-of-type(1){opacity:1}@media screen and (max-width: 600px){.app{padding:4rem 2rem}.search{padding:1rem 1.75rem;width:100%}.search input{font-size:1rem}.search img{width:20px;height:20px}}@media screen and (max-width: 400px){.app{padding:4rem 1rem}h1{font-size:2rem}.container{margin-top:2rem}.movie{width:"100%";margin:1rem}}.btn-span{color:azure}*{margin:0;padding:0}.title{font-weight:700;font-size:2rem;text-align:center;padding-top:1em;font-family:Secular One,sans-serif}.creator{font-size:1.7rem;text-align:center;font-family:Secular One,sans-serif}.footer{background-color:#5a5a5a;padding:15px 0;text-align:center;position:relative;left:0;bottom:0;width:100%;color:#f9d3b4}ul.social-network{list-style:none;display:inline;margin:auto}ul.social-network li{display:inline;margin:0 10px}.social-network a.icoFacebook:hover{background-color:#3b5998}.social-network a.icoTwitter:hover{background-color:#3cf}.social-network a.icoMedium:hover{background-color:#00ab6c}.social-network a.icoQuora:hover{background-color:#a20}.social-network a.icoLinkedin:hover{background-color:#007bb7}.social-network a.icoInstagram:hover{background:#f09433;background:-moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:-webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433",endColorstr="#bc1888",GradientType=1)}.social-network a.icoRss:hover i,.social-network a.icoFacebook:hover i,.social-network a.icoTwitter:hover i,.social-network a.icoMedium:hover i,.social-network a.icoVimeo:hover i,.social-network a.icoLinkedin:hover i{color:#fff}.social-circle li a{display:inline-block;position:relative;margin:0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;width:60px;height:60px;font-size:22px}.social-circle li i{margin:0;line-height:60px;text-align:center}.social-circle li a:hover i,.triggeredHover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms--transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.social-circle i{color:#fff;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;-ms-transition:all .8s;transition:all .8s}.social-circle a{background-color:#ccd8ea}@media screen and (max-width: 500px){ul.social-network li{display:inline;margin:0 5px}}@media screen and (max-width: 450px){ul.social-network li{display:inline;margin:0 5px}.social-circle li a{display:inline-block;position:relative;margin:0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;width:40px;height:40px;font-size:16px}.social-circle li i{margin:0;line-height:40px;text-align:center}}@media screen and (max-width: 350px){ul.social-network li{display:inline;margin:0 2px}.social-circle li a{display:inline-block;position:relative;margin:0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;width:40px;height:40px;font-size:16px}.social-circle li i{margin:0;line-height:40px;text-align:center}}.creator a{text-decoration:none;color:#ccd8ea}