html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{all:unset;cursor:pointer}input{all:unset}a{color:inherit;text-decoration:inherit}.button{padding:.6em 1em;border:solid 1px var(--button-border-color);border-radius:5px;cursor:pointer;transition:all .2s ease 0s}.button:active{background-color:#5b805b}.green-bg{background-color:#26964b}.hover-focus-dim{transition:all .2s ease 0s}.hover-focus-dim:hover,.hover-focus-dim:focus{filter:opacity(75%)}.hover-focus-outline{outline:solid 1px rgba(0,0,0,0);transition:all .2s ease 0s}.hover-focus-outline:hover,.hover-focus-outline:focus{outline-color:#fff}header,footer{background-color:var(--header-footer-background-color);padding:0 1.5em;height:4em}header>*,footer>*{margin:auto 0}header a,footer a{text-decoration:none;color:inherit}h1{font-size:2em;text-align:center}header{display:grid;grid-template-columns:1fr auto 1fr}header .material-icons{user-select:none}header .material-icons.md-36{font-size:36px}header .material-icons.md-20{font-size:20px}header>*:nth-child(1){margin-right:auto}header>*:nth-child(3){margin-left:auto}header .home{transition:all .2s ease 0s}header .home:focus,header .home:hover{filter:brightness(75%)}header .auth-box{display:flex;gap:1em}header .user-box{width:5em;position:relative;display:grid;gap:.3em;grid-auto-flow:column}header .user-box .username{align-self:center;overflow:hidden;height:100%;display:flex;align-items:center}header .user-box .material-icons{align-self:flex-end}header .dropdown-box{position:absolute;top:100%;width:100%;left:0;flex-direction:column;gap:1px;background-color:#414141;border:1px solid var(--button-border-color);border-radius:5%;overflow:hidden}header .dropdown-box a{display:block;padding:12px 16px;background-color:var(--header-footer-background-color)}header .dropdown-box a:focus,header .dropdown-box a:hover{filter:brightness(75%)}footer{display:flex}.search-container{display:flex;justify-content:center;padding-top:1em}.search-container input[type=text]{padding:.5em 1em;border:solid 1px var(--content-border-color);border-radius:5px}.index-content{display:grid;grid-template-columns:repeat(auto-fill, var(--movie-card-width));gap:1em;justify-content:center;width:80%;padding:2em 0;margin:0 auto}.movie-card{display:block;position:relative;box-sizing:border-box;height:400px;width:var(--movie-card-width);padding:1em;border:solid 1px var(--content-border-color);border-radius:5%;outline:solid 1px rgba(0,0,0,0);transition:all .1s ease 0s}.movie-card:hover{outline-color:#fff}.movie-card span{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.movie-card .inner-movie{height:100%;width:100%;position:relative}.movie-card .inner-movie .favorite{position:absolute;background-color:#000;border:1px solid #fff;right:0;width:2em;height:2em;z-index:2}.movie-card .inner-movie .favorite:checked{background-color:brown}.movie-card .inner-movie .img-section{height:90%;width:100%;display:flex;justify-content:center}.movie-card .inner-movie .img-section img{object-fit:contain;max-width:100%}.movie-card .inner-movie p{margin-top:1em;text-align:center}.form-section{display:flex;justify-content:center}.common-form-container{box-sizing:border-box;width:300px;border:1px solid var(--content-border-color);border-radius:5px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:1em 0}.common-form-container input[type=text],.common-form-container input[type=password]{box-sizing:border-box;width:85%;height:2.5em;border:1px solid var(--content-border-color);border-radius:5px;background-color:#292d2e;padding:.2em .3em;color:#fff}.common-form-container input[type=password]:nth-child(3){margin-top:-1em}.common-form-container button{box-sizing:border-box;width:85%;text-align:center}.register-form{height:275px}.login-form{height:225px}:root{--text-color: white;--common-background-color: #1c1c1c;--header-footer-background-color: #0c0c0c;--button-border-color: #bdbdbd;--content-border-color: #585858;--movie-card-width: 250px}html{font-family:"Montserrat",sans-serif;background-color:var(--common-background-color);color:var(--text-color)}body{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}