.MoviesCenter{align-items:center;display:flex;flex-direction:column;margin:10px;width:220px}.MoviesTitle{display:flex;justify-content:center;text-align:center}.dark .MoviesTitle{color:var(--base2)}.MoviesImg{background:var(--base2);border-radius:20px;box-shadow:inset 0 0 0 var(--base3),inset 0 0 0 var(--base1),4px 4px 9px var(--base3),-4px -4px 9px var(--base1)}.MoviesImg,.dark .MoviesImg{border:none;border-radius:.5rem;cursor:pointer;font-weight:500;outline:none;padding:10px;text-align:center;transition:.2s ease-in-out}.dark .MoviesImg{background:var(--baseDark2);box-shadow:inset 0 0 0 var(--baseDark3),inset 0 0 0 var(--baseDark1),4px 4px 9px var(--baseDark3),-4px -4px 9px var(--baseDark1)}.MoviesImg:hover{box-shadow:var(--base-shadow-active)}.MoviesImg:hover,.dark .MoviesImg:hover{border-color:var(--base3);color:var(--baseDark2);outline:none}.dark .MoviesImg:hover{box-shadow:var(--base-shadow-active-dark)}.ButtonCenter{display:flex;flex-wrap:wrap;justify-content:center}body{--base1:#ebeff3;--base2:#c3d0db;--base3:#88a1b7;--baseDark1:#396387;--baseDark2:#204566;--baseDark3:#152e44;--base:#090e10;--base-shadow-active:inset 4px 4px 9px var(--base3),inset -4px -4px 6px var(--base1),2px 2px 9px var(--base3),-2px -2px 9px var(--base1);--base-shadow-active-dark:inset 4px 4px 9px var(--baseDark3),inset -4px -4px 6px var(--baseDark1),2px 2px 9px var(--baseDark3),-2px -2px 9px var(--baseDark1)}button{background:var(--base2);border:none;border-radius:.5rem;box-shadow:inset 0 0 0 var(--base3),inset 0 0 0 var(--base1),4px 4px 9px var(--base3),-4px -4px 9px var(--base1);color:var(--baseDark3);cursor:pointer;font-size:15px;font-weight:500;margin:8px;outline:none;padding:10px;text-align:center;transition:all .25s cubic-bezier(.17,.67,.83,.67)}.dark button{background:var(--baseDark2);box-shadow:inset 0 0 0 var(--baseDark3),inset 0 0 0 var(--baseDark1),4px 4px 9px var(--baseDark3),-4px -4px 9px var(--baseDark1);color:var(--base1)}button:hover{box-shadow:var(--base-shadow-active);color:var(--baseDark2)}.dark button:hover,button:hover{border-color:var(--base3);outline:none}.dark button:hover{box-shadow:var(--base-shadow-active-dark);color:var(--base2)}*{color:#1a2e44;font-family:Roboto Light,sans-serif;text-decoration:none}h3{font-size:50px}body{background-color:var(--base2)}.dark{background-color:var(--baseDark3)}.wrap{display:flex}.DColumn{align-items:center}.DColumn,.DFlex{display:flex;flex-direction:column}.MovieWrap{display:flex;flex-wrap:wrap;justify-content:center}.searchBar{background-color:var(--base2);border:none;border-radius:15px;box-shadow:var(--base-shadow-active);font-size:18px;margin-bottom:20px;outline:none;padding:10px}.searchBar::-webkit-input-placeholder{color:var(--baseDark3)}.searchBar:-ms-input-placeholder{color:var(--baseDark3)}.searchBar::placeholder{color:var(--baseDark3)}.dark .searchBar{background:var(--baseDark2);box-shadow:var(--base-shadow-active-dark)}.dark .searchBar::-webkit-input-placeholder{color:var(--base1)}.dark .searchBar:-ms-input-placeholder{color:var(--base1)}.dark .searchBar::placeholder{color:var(--base1)}.UserPage{display:flex;font-size:50px;justify-content:center}.dark .UserPage{color:var(--base2)}.MovieInfoPage{align-items:center;display:flex;flex-direction:column;font-size:20px;margin:0 20%}.colorText{color:var(--baseDark3)}.dark .colorText{color:var(--base2)}.DFlexDetails{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.space{width:90%}.imdb{width:80px}.textOverview{width:90%}header{background-color:var(--base2);box-shadow:inset 0 0 0 var(--base3),inset 0 0 0 var(--base1),4px 4px 9px var(--base3),-4px -4px 9px var(--base1)}.dark header,header{align-items:center;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:40px;min-height:60px;position:-webkit-sticky;position:sticky;top:0;transition:all .2s ease-in-out;z-index:1}.dark header{background-color:var(--baseDark2);box-shadow:inset 0 0 0 var(--baseDark3),inset 0 0 0 var(--baseDark1),4px 4px 9px var(--baseDark3),-4px -4px 9px var(--baseDark1)}header a{color:var(--baseDark2)}.dark header a,header a{font-size:30px;text-decoration:none}.dark header a{color:var(--base2)}.MovieDB{margin-left:15px}.userPic{width:35px}.ImgUserBox{align-items:center;display:flex;justify-content:flex-end;margin-right:15px}.MLColorText{font-weight:700}
/*# sourceMappingURL=main.dc4d33b3.css.map*/