a{color:inherit;display:flex;text-decoration:none}html{height:100%;overflow-x:hidden;width:100%}body{background:url(https://w0.peakpx.com/wallpaper/821/266/HD-wallpaper-hogwarts-castle-harry-potter-and-the-chamber-of-secrets.jpg) no-repeat 50% fixed;background-size:cover;height:100vh;margin:0;width:100vw}.app{display:flex}.hogwards-flag{border-radius:7em;height:16em;margin-bottom:10em;width:30em}main{align-items:center;display:flex;flex-direction:column;height:30vh;width:100vw}.characters{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:6em;margin-left:-1.5em}.favorites{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:my-animation;animation-name:my-animation;-webkit-animation-timing-function:linear;animation-timing-function:linear;border-radius:50px;cursor:pointer;height:30px;left:0;margin-left:8%;margin-top:3%;position:absolute;width:30px}.name{color:#ab7f7f;font-family:Harry Potter,Arial;font-size:1.9em;margin-left:-6em;margin-top:14em;position:relative;text-align:center}.name:before{border-radius:8em;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right}.name:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.name:before{background:#6c4913;bottom:0;content:" ";display:block;left:0;position:absolute;right:0;top:0;inset:0 0 0 0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:-1}@media (orientation:landscape){body{grid-auto-flow:column}}.characters-card{height:25em;margin-bottom:4em;width:20em}.character-poster{-webkit-animation:wiggle 2s linear;animation:wiggle 2s linear;border:.3em solid #432d2d;border-radius:25px;height:20em;margin-left:30px;margin-top:40px;width:15em}@-webkit-keyframes wiggle{0%,15%{-webkit-transform:rotate(0);transform:rotate(0)}30%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}35%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}180%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wiggle{0%,15%{-webkit-transform:rotate(0);transform:rotate(0)}30%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}35%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}180%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}.details-card{align-items:center;display:flex;margin-top:-6em}.info-container{-webkit-animation:glow 1s ease-in-out infinite alternate;animation:glow 1s ease-in-out infinite alternate;font-size:1.3em;font-style:oblique;margin-left:5em;margin-top:3em}.goback-fav{align-items:center;display:flex;margin-bottom:4em;margin-top:4em}.add-favorite{margin-left:20em}.add-favorite,.go-back{border-radius:10px;color:#fff;cursor:pointer;height:5em;position:relative;width:15em;z-index:0}.go-back{margin-left:-12em}.add-favorite:before,.go-back:before{-webkit-animation:glowing 20s linear infinite;animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:10px;content:"";-webkit-filter:blur(5px);filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.add-favorite:active,.go-back:active{color:#000}.add-favorite:active:after,.go-back:active:after{background:transparent}.add-favorite:hover:before,.go-back:hover:before{opacity:1}.add-favorite:after,.go-back:after{background:#0e1a40;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hogwarts{color:#b6a38a;display:flex;justify-content:space-around;margin-left:13em;margin-top:2em;text-align:center}.harry-gif{border-radius:40em;height:14em;margin-left:5em;width:14em}h1{color:#5d5d5d;font-family:Harry Potter,Arial;font-size:4em;margin:1em 0 0;transition:all .1s}h1:focus,h1:hover{color:#835511;text-shadow:2px 3px 0 #740001,4px 4px 0 #1a472a,6px 5px 0 #0e1a40,8px 6px 0 #ecb939,10px 7px 0 #000}@-webkit-keyframes my-animation{0%{background-color:#ecb939;top:40px;width:90px}to{background-color:#946b2d;top:70px;width:60px}}@keyframes my-animation{0%{background-color:#ecb939;top:40px;width:90px}to{background-color:#946b2d;top:70px;width:60px}}.favorite-container{align-items:center;align-items:flex-end;display:flex}.favorite-info{-webkit-animation:glow 2s ease-in-out infinite alternate;animation:glow 2s ease-in-out infinite alternate;color:#f0f8ff;font-size:1em;margin-left:5em}@-webkit-keyframes glow{0%{text-shadow:0 0 10px #e69292,0 0 20px #9c1f1f}to{text-shadow:0 0 20px #515ee9,0 0 30px #29306c}}@keyframes glow{0%{text-shadow:0 0 10px #e69292,0 0 20px #9c1f1f}to{text-shadow:0 0 20px #515ee9,0 0 30px #29306c}}.trash-btn{margin-left:13em}.go-back-bttn,.trash-btn{border-radius:10px;color:#fff;cursor:pointer;height:5em;position:relative;width:15em;z-index:0}.go-back-bttn{margin-bottom:10em;margin-left:-24em;margin-top:5em}.go-back-bttn:before,.trash-btn:before{-webkit-animation:glowing 20s linear infinite;animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:10px;content:"";-webkit-filter:blur(5px);filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.go-back-bttn:active,.trash-btn:active{color:#000}.go-back-bttn:active:after,.trash-btn:active:after{background:transparent}.go-back-bttn:hover:before,.trash-btn:hover:before{opacity:1}.go-back-bttn:after,.trash-btn:after{background:#0e1a40;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@font-face{font-family:Harry Potter;src:url(//db.onlinewebfonts.com/t/0421d4186d6efbfc5331fe180895e780.eot?#iefix) format("embedded-opentype"),url(//db.onlinewebfonts.com/t/0421d4186d6efbfc5331fe180895e780.woff2) format("woff2"),url(//db.onlinewebfonts.com/t/0421d4186d6efbfc5331fe180895e780.svg#Harry%20Potter) format("svg")}.error-messaging,h2{color:#b9a493;font-family:Harry Potter,Arial;font-size:1.9em;text-align:center}
/*# sourceMappingURL=main.23cb9810.css.map*/