:root{--default-color: #ffffff;--primary-color: #fa57b9 ;--card-color: #25254b;--background-color: #1a1a40}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,main{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,main{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}*{box-sizing:border-box}body{background-color:var(--background-color);font-size:16px;font-family:"Arial",sans-serif;color:var(--default-color);padding-top:150px}.wrapper{width:100%;max-width:1200px;margin:0 auto}img{max-width:100%;height:auto}input{font-size:16px;font-size:1rem;color:var(--default-color);font-family:"Arial",sans-serif}a{color:var(--default-color);transition:.3s ease color}.title-main{font-size:40px;font-size:2.5rem;line-height:1.45em;margin-bottom:30px}.title-main::after{content:"";display:inline-block;width:10px;height:10px;background-color:var(--primary-color);margin-left:12px;border-radius:50%}header{position:fixed;z-index:999;width:100%;top:0;left:0;padding:20px 0;background-color:var(--card-color)}header .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}header #logo svg{width:70px;fill:var(--default-color)}header #logo svg circle{stroke:var(--primary-color);animation:bubble 3s infinite}header #logo svg circle.bubble-2{animation:bubble2 4s infinite}header #logo svg circle.bubble-3{animation:bubble3 5s infinite}header #logo svg .corn{fill:var(--primary-color)}header #logo a{transition:.3s ease opacity}header #logo a:hover,header #logo a:focus{opacity:.75}header form svg{width:20px;fill:var(--default-color);transition:.3s ease fill}header form button{position:absolute;top:50%;right:0;background-color:rgba(0,0,0,0);cursor:pointer;border:none;transform:translateY(-50%)}header form button:hover svg,header form button:focus svg{fill:var(--primary-color)}header form div{position:relative;width:450px}header form input{width:100%;border:none;background-color:rgba(0,0,0,0);outline:none;padding:8px 40px 8px 0;border-bottom:1px solid var(--default-color);transition:.3s ease border-color}header form input::placeholder{color:rgba(255,255,255,.5);opacity:1}header form input::-ms-input-placeholder{color:rgba(255,255,255,.5)}header form input:focus{border-color:var(--primary-color)}@keyframes bubble{0%{transform:translate(0, 0)}30%{transform:translate(1%, 3%)}50%{transform:translate(3%, 4%)}85%{transform:translate(2%, 1%)}100%{transform:translate(0, 0)}}@keyframes bubble2{0%{transform:translate(0, 0)}35%{transform:translate(1%, 4%)}65%{transform:translate(2%, 3%)}80%{transform:translate(3%, 2%)}100%{transform:translate(0, 0)}}@keyframes bubble3{0%{transform:translate(0, 0)}35%{transform:translate(1%, -4%)}55%{transform:translate(-2%, -3%)}75%{transform:translate(1%, -2%)}100%{transform:translate(0, 0)}}#home #movies{display:flex;flex-wrap:wrap;justify-content:space-between}#home #movies article{position:relative;width:30%;margin-bottom:50px;border-radius:10px;overflow:hidden}#home #movies article a{display:block}#home #movies article a:hover,#home #movies article a:focus{color:var(--primary-color)}#home #movies article a:hover img,#home #movies article a:focus img{transform:scale(1.1)}#home #movies article img{transition:.3s ease transform}#home #movies article h2{position:absolute;bottom:0;left:0;right:0;font-size:20px;font-size:1.25rem;line-height:1.45em;padding:20px;background-color:rgba(37,37,75,.8)}#details-movie{display:flex;flex-wrap:wrap;justify-content:space-between}#details-movie .col{width:48%}#details-movie p{line-height:1.45em}#details-movie img{border-radius:10px}#details-movie ul{margin-top:40px;padding-left:5%}#details-movie ul li{position:relative;margin-bottom:15px;line-height:1.45em;padding-left:20px}#details-movie ul li::before{content:"-";display:inline-block;vertical-align:middle;margin-right:10px;color:var(--primary-color);position:absolute;top:0;left:0}#details-movie ul li:last-child{margin-bottom:0}/*# sourceMappingURL=main.css.map */