body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.poo-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.the-poo{font-size:200px;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;text-align:center}.loading{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:mymove;animation-name:mymove;-webkit-animation-timing-function:linear;animation-timing-function:linear;color:#000;font-size:30px;height:500px;margin-top:90px;text-align:center}@-webkit-keyframes mymove{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes mymove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main-page{display:flex;flex-wrap:wrap}.image-container{background-color:#000;color:#fff;position:relative;text-decoration:none;width:100%}.image-container img{width:100%}.overlay-detail{background:rgba(0,0,0,.75);bottom:0;display:none;left:0;padding:20px;position:absolute;right:0;top:0}.image-container:hover .overlay-detail{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-end}@media (min-width:370px) and (max-width:570px){.image-container{width:50%}}@media (min-width:571px) and (max-width:820px){.image-container{width:33%}}@media (min-width:821px){.image-container{width:25%}}.main-container{position:relative}.main-container .background{background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh}.details-container{background-color:rgba(0,0,0,.36);color:#fff;margin-left:0;padding:0 10px}.details-container p{font-size:18px;max-width:400px}.rating{background:#fff;color:#000;margin-left:10px;padding:0 5px}.summary{display:flex;flex-direction:column;padding:50px}.summary img{border:5px solid #fff;width:200px}.back-button{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;left:50px;position:absolute;text-decoration:none;top:50px}.left-arrow{border-radius:50%;transition:margin-right .2s ease-in-out;width:30px}.back-button:hover .left-arrow{margin-right:5px}@media (max-width:400px){.back-button{left:40px;top:5px}.summary{padding:40px}}@media (min-width:577px){.summary{align-items:flex-end;flex-direction:row}.summary img{width:250px}.details-container{margin-left:20px}}@media (min-width:770px){.summary img{width:auto}}
/*# sourceMappingURL=main.773542c1.css.map*/