@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.navbar>a{display:inline-block;box-sizing:border-box;margin-left:1em;text-decoration:none;text-align:center;color:var(--light-one)}a.active{text-decoration:underline}.navbar{background-color:var(--dark-one);padding:.5em;margin-bottom:2em;font-size:1em;border-bottom:var(--light-one) .1em solid}@media screen and (min-width: 100em){.navbar{font-size:1.5em}}img{width:200px;height:300px;object-fit:contain}.movies{display:grid;justify-items:center;gap:1em;grid-template-columns:1fr;margin:1.5em}@media screen and (min-width: 50em){.movies{display:grid;gap:1em;grid-template-columns:repeat(2,1fr)}body{font-size:1.2em}h1{font-size:5em;color:var(--light-two);font-weight:900;text-align:center}h2{font-size:3em;font-weight:700}h3{font-size:1.5em;margin:.3em;font-weight:500}}@media screen and (min-width: 75em){.movies{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 100em){.movies{display:grid;grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 120em){.movies{display:grid;grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 150em){.movies{display:grid;grid-template-columns:repeat(6,1fr)}}.disable{background-color:var(--light-four)}.FilterForm{margin:2em auto;padding:2em;border-radius:1em;max-width:40em;background-color:var(--dark-two);border:.1em solid var(--light-one)}.FilterForm label{font-weight:700;margin-bottom:.5em;font-size:1.2em;display:block;color:var(--light-two)}.FilterForm input,.FilterForm select{width:100%;max-width:35em;padding:1em;border-radius:.5em;font-size:1.1em;border:.1em solid var(--light-one);box-sizing:border-box;margin-bottom:1em;background-color:var(--dark-one);color:var(--light-one)}.search-box{padding:1em;border-radius:.5em;font-size:1.1em;border:.1em solid var(--light-one);background-color:var(--dark-one);color:var(--light-one)}.options{max-height:16em;overflow-y:auto;border:.1em solid var(--light-one);border-radius:.5em;background-color:var(--dark-one)}.options li{padding:1em;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--light-two)}.options li:hover{background-color:var(--light-three);color:var(--dark-one)}.selected-option{font-size:1.6em;margin:1em 0;color:var(--light-two);font-weight:900}#clear-button{background-color:var(--error);color:var(--light-one);padding:1em;font-size:1em;border:none;border-radius:.8em;cursor:pointer;transition:background-color .3s ease}#clear-button:hover{background-color:var(--error-two)}.find-movie{background-color:var(--light-two);padding:1em 10em;color:var(--dark-one);border:none;border-radius:.5em;cursor:pointer;transition:background-color .3s ease}.find-movie:hover{background-color:var(--light-three)}@media (max-width: 768px){.FilterForm{padding:1.5em;width:100%;max-width:18em}.search-box,.FilterForm select{padding:.6em}.options{width:100%}.selected-option{font-size:1em}.find-movie{font-size:1em;padding:.8em 3em}}@media (min-width: 769px) and (max-width: 1024px){.FilterForm{width:100%;max-width:40em}.find-movie{padding:.8em 10em}}.current{background-color:var(--light-three)}.deactivate,.deactivate:hover{background-color:var(--light-four)}.movie-details{margin:2em auto;padding:2em;border-radius:1em;box-sizing:border-box;width:100%;max-width:30em}.rating-section p{margin:1.5em}.movie-details strong{color:var(--light-two);font-weight:900}.movie-details img{display:block;margin:0 auto 2em;max-width:100%;height:auto;border-radius:1em;box-shadow:0 0 5px #0000001a}.rating-section{font-size:1.2em}h3,label{color:var(--light-two)}.rating-section label{font-weight:700;margin-bottom:1em;font-size:1.2em}.rating-section select{width:100%;max-width:10em;padding:.8em;border-radius:.5em;font-size:1.1em;border:.1em solid var(--light-one);box-sizing:border-box;margin:.5em}.notes-section label{font-weight:700;margin-bottom:.5em;font-size:1.2em}.notes-section textarea{width:100%;max-width:100%;min-height:10em;padding:1em;border-radius:.5em;font-size:1.1em;box-sizing:border-box;border:.1em solid var(--light-one);margin-bottom:1em}.notes-section button{padding:.8em 2.5em;background-color:var(--light-two);color:var(--dark-one);border:none;border-radius:.5em;cursor:pointer;font-size:1.1em;transition:background-color .3s ease;margin-top:1em}.info-section p{font-size:1.1em;margin-bottom:1em}.info-section strong{font-weight:700}.times-watched-buttons{display:flex;gap:1em;margin-top:1em}.times-watched-buttons button{padding:.8em 2em;margin:0;background-color:var(--light-two);color:var(--dark-one);border:none;border-radius:.5em;cursor:pointer;font-size:1.1em;transition:background-color .3s ease}.times-watched-buttons button:hover{background-color:var(--light-three)}.user-stats{display:flex;flex-direction:column;align-items:center;font-size:.75em;box-sizing:border-box;width:100%;max-width:40em;margin:1em auto}.movie-details img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:1em}@media (min-width: 47.5em){.user-stats{font-size:1em}}.movie-options{margin:2em auto;padding:2em;border-radius:1em;max-width:30em}.movie-options h3{color:var(--light-two)}.movie-priority,.movie-notes{font-size:1.2em;margin-bottom:1.5em;box-sizing:border-box;width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;border:.1em solid var(--light-one);border-radius:.5em;padding:.8em .8em .8em 1em}.priority-selection{margin-bottom:2em;display:flex;align-items:center}.priority-selection label,.notes-section label{font-weight:700;margin-right:1em;font-size:1.2em}.notes-section label{margin-bottom:.5em}.priority-selection select{width:100%;max-width:15em;padding:.8em;border-radius:.5em;font-size:1.1em;transition:border .2s ease}.notes-section{margin-top:2em;display:flex;flex-direction:column}.notes-section textarea{width:100%;max-width:100%;min-height:10em;padding:1em;border-radius:.5em;font-size:1.1em;box-sizing:border-box;margin-bottom:1em}.notes-section textarea:focus{border:var(--light-three) .3em solid;outline:none}.notes-section button{padding:.8em 2.5em;background-color:var(--light-two);color:var(--dark-one);border:none;border-radius:.5em;margin:1em 0;cursor:pointer;font-size:1.1em;transition:background-color .3s ease}.notes-section button:hover{background-color:var(--light-three)}.hidden{display:none}main{display:flex;justify-content:center;align-items:center;height:100vh}.center-container{display:flex;flex-direction:column;align-items:center;padding:3em 0;border-radius:2em;background-color:var(--dark-two);box-shadow:0 0 1em var(--light-one);width:100%;max-width:30em}.center-container div{margin:1.5em 0;display:flex;flex-direction:column;width:100%;align-items:center}.center-container input{padding:1em;border-radius:1em;width:100%;border:none}.center-container label{text-align:left;width:110%;margin:.4em}.centered{width:110%;padding:1em;border-radius:2em}.error{color:var(--error);font-weight:700}@media (max-width: 800px){.center-container{padding:3.5em 1em;margin:1.5em;max-width:25em;font-size:.9em}.centered{padding:1em;width:100%}.center-container input{font-size:1em;max-width:13em;padding:.8em}.center-container label{width:100%}}@media (max-width: 470px){.center-container{padding:2.5em 1em;margin:1em;max-width:18em}input{padding:.3em;font-size:.9em}.centered{padding:.75em 1.5em;font-size:.9em}h2{font-size:1.5em}label{font-size:.9em}}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,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}input[type=checkbox]{vertical-align:middle}sup,sub{font-size:50%;margin:0;padding:0;border:0}:root{font-family:Lato,sans-serif;font-style:normal;--light-one: #fff9fb;--light-two: #FFD504;--light-three: #B89BFD;--light-four: #695a0f;--light-five: #dfd3fc;--dark-one: #040F00;--dark-two: #282927;--error: #E50914;--error-two: #9b070e;background-color:var(--dark-one);color:var(--light-one)}body{text-align:center}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,sans-serif}h1{font-size:3em;color:var(--light-two);font-weight:900;text-align:center;margin:.1em}h2{font-size:1.7em;font-weight:700;color:var(--light-two);margin:.5em 0}h3{font-size:1em;margin:.3em;font-weight:500}@media (min-width: 50em){h1{font-size:5em;color:var(--light-two);font-weight:900;text-align:center;margin:.1em}h2{font-size:3em;font-weight:700;color:var(--light-two);margin:.5em 0}h3{font-size:1.5em;margin:.3em;font-weight:500}}a{color:var(--light-two)}a:hover{color:var(--light-three)}button{font-family:Lato,sans-serif;padding:.5em 1.5em;border-radius:.5em;margin:1em;background-color:var(--light-two);border:none;color:var(--dark-one);font-size:1em}nav button{font-size:.7em}button:hover{background-color:var(--light-five)}article{background-color:var(--dark-two);border-radius:.5em;width:100%;box-sizing:border-box;padding:1.5em;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .3s ease}article:hover{box-shadow:0 0 1.2em var(--light-five)}table{padding:1em;border:var(--light-two) solid .5em;margin:1em;box-sizing:border-box;transition:box-shadow .3s ease;max-width:40em}td,th{padding:1em;border:var(--light-two) .01em solid}th{font-weight:700;color:var(--light-two)}table:hover{box-shadow:0 0 3em var(--light-three)}