body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.home-container{width:100vw;max-width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#f1f1f1}.home-header{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width:920px){.home-header{display:flex;flex-direction:column;align-items:center}}.home-header__search{grid-column:2/3}.home-header__modes{grid-column:3/4;display:flex;justify-content:center;align-self:center}@media (max-width:920px){.home-header__modes{margin-top:20px}}.home-header__modes span{color:#333;font-weight:700;font-size:inherit}.switch{background-color:#0066b9;margin:0 5px;width:60px;height:26px;border-radius:26px;position:relative;cursor:pointer;transition:all .6s ease}.switch:before{content:"";position:absolute;top:2px;transform:translateX(4px);background-color:#fafafa;height:21px;width:21px;border-radius:50%;transition:all .4s ease}.toFavs{background-color:#3ab61b}.toFavs:before{transform:translateX(34px)}.home-content{margin-top:50px;padding:0 15%;display:flex;flex-wrap:wrap;justify-content:space-around}@media (max-width:468px){.home-content{padding:0}}.movie-card{flex:0 0 30%}@media (min-width:468px) and (max-width:920px){.movie-card{flex:0 0 100%}}@media (min-width:920px) and (max-width:1260px){.movie-card{flex:0 0 50%}}.search-container{width:300px;height:50px;padding:0 20px;border:4px solid #0066b9;border-radius:20px;display:flex;justify-content:space-between;align-items:center}@media (max-width:468px){.search-container{width:80%}}.search-input{width:80%;height:100%;border:none;background-color:inherit;outline:none}.search-submit{width:10%;color:#555;cursor:pointer}.search-submit:hover{color:#333}.movie-card{background-color:#fafafa;border:2px solid transparent;padding:10px 10px 30px 10px;min-width:280px;max-width:300px;height:370px;margin-bottom:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:10px}.movie-card:hover{border-color:#0066b9}.movie-info{padding:5px;display:flex;flex-direction:column;align-items:center}.movie-info__poster{height:150px;width:auto;transition:all .3s ease}.movie-info__poster:hover{transform:scale(2)}.movie-info__title{margin-top:5px;text-align:center;font-weight:500;color:#333;text-decoration:none;font-size:24px}.movie-info__title:hover{text-decoration:underline}.movie-info__year{margin-top:5px;font-size:18px;color:#888}.movie-info__type{margin-top:5px;font-size:16px;color:#333}.favs-add{color:#fafafa;background-color:#0066b9;padding:8px;border:1px solid transparent;border-radius:8px;cursor:pointer}.favs-add:hover{color:#0066b9;background-color:transparent;border-color:#0066b9}.favs-delete{color:#fafafa;background-color:#860000;padding:8px;border:1px solid transparent;border-radius:8px;cursor:pointer}.favs-delete:hover{color:#860000;background-color:transparent;border-color:#860000}.favs-added{color:#fafafa;background-color:#3ab61b;padding:8px;border:1px solid transparent;border-radius:8px;cursor:pointer}.favs-added:hover{color:#3ab61b;background-color:transparent;border-color:#3ab61b}