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;background:#f1f1f1}.navbar{background:#000;height:70px;padding:10px;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.search-container input{height:43px;width:80%;border-bottom-left-radius:4px;border-top-left-radius:4px;border:none;font-size:16px;padding:0 10px;box-sizing:border-box;-webkit-flex-shrink:2;flex-shrink:2}.search-container{position:relative;width:65%}.search-results{position:absolute;background:rgb(243 251 255);width:80%;box-sizing:border-box;border:1px solid #e1e1e1;top:42px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:100}.search-result .movie-info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.search-result .movie-info button{margin:20px 10px;background:#21ba45;color:#fff;font-weight:600;font-size:14px;border:none;padding:9px 0;border-radius:4px;width:110px}.search-result{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.search-result img{height:150px;width:150px}.search-result>div span{font-size:20px;padding:10px;font-weight:600}.footer button:focus,.search-container button:focus,.search-container input:focus,.search-result .movie-info button:focus{outline:none}.footer button:hover,.search-container button:hover,.search-result .movie-info button:hover{cursor:pointer}#search-btn{background:#f2711c;height:43px;color:#fff;border:none;font-size:15px;border-bottom-right-radius:4px;border-top-right-radius:4px;position:relative;top:-1px;width:20%}.main{width:70%;margin:30px auto 0;padding:0 20px;box-sizing:border-box}.main .tabs{display:-webkit-flex;display:flex;font-size:20px}.main .tabs .tab{background:#fff;padding:10px;margin-right:13px;border-radius:3px;border:1px solid #e1e1e1}.active-tabs{background:#2185d0!important;color:#fff}.main .tabs .tab:hover{cursor:pointer;background:#e1e1e1}.movie-card:not(:first-child){margin-top:20px}.movie-card:last-child{margin-bottom:50px}.movie-card{background:#fff;padding:0;border:none;border-radius:3px;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #f1f1f1}.movie-card .left{width:100%;display:block}.movie-card .left img{height:300px;width:100%}.movie-card .right{width:100%;display:block}.title{padding:10px 20px;font-size:25px;font-weight:600;text-align:center}.plot{padding:0 20px}.footer{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%;padding:10px 20px;box-sizing:border-box}.footer .rating{font-size:20px;font-weight:600}.footer button{font-size:15px;padding:7px 10px;text-shadow:none;border-radius:3px;border:none;font-weight:600}.favourite-btn{background-color:#2185d0;color:#fff}.unfavourite-btn{background-color:#db2828;color:#fff;text-shadow:none}.no-movies{padding:20px 0;font-size:20px;color:#6d6d6d}.not{color:red;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;font-weight:700}@media screen and (min-width:500px){.movie-card{background:#fff;padding:0;border:none;border-radius:3px;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #f1f1f1;display:-webkit-flex;display:flex}.movie-card .left{-webkit-flex:1 1;flex:1 1}.movie-card .left img{height:250px;max-width:200px}.movie-card .right{position:relative;-webkit-flex:2 1;flex:2 1}.movie-card .title{padding:10px 20px;font-size:25px;font-weight:600}.movie-card .plot{margin-top:20px;padding:0 20px}.footer{position:absolute;bottom:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%;padding:10px 20px;box-sizing:border-box}.footer .rating{font-size:20px;font-weight:600}.footer button{font-size:15px;padding:7px 10px;text-shadow:none;border-radius:3px;border:none;font-weight:600}}@media screen and (min-width:900px){.movie-card .right{position:relative;-webkit-flex:3.5 1;flex:3.5 1}}@media screen and (max-width:600px){.search-container{width:90%}.main{width:100%}}
/*# sourceMappingURL=main.52c1d2fd.chunk.css.map */