@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);*{border:0;box-sizing:border-box;margin:0}:root{--font-roboto:"Roboto Slab",serif;--font-raleway:"Raleway",sans-serif}body{background-color:#212426;font-family:Roboto Slab,serif;font-family:var(--font-roboto)}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem}h1{-webkit-text-fill-color:transparent;background:#fff;-webkit-background-clip:text;font-size:3rem;letter-spacing:.9px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.containerTitle{margin-bottom:20px;text-align:center}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:3rem;width:100%}.picture{border:none;border-radius:12px;box-shadow:0 13px 10px -7px rgba(0,0,0,.1);height:250px;margin:1.5rem;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,0,1);width:250px}.picture div:first-of-type{color:#f9d3b4;opacity:0;padding:16px;position:absolute;top:0;width:100%}.picture:hover{box-shadow:0 30px 18px -8px rgba(0,0,0,.1);-webkit-transform:scale(1.05);transform:scale(1.05)}.picture div:nth-of-type(2){height:100%!important;width:100%!important}.picture div:nth-of-type(2) img{height:100%;width:100%}.picture div:nth-of-type(3){background-color:#343739;bottom:0;left:0;padding:10px 10px 10px 16px;position:absolute;right:0;z-index:2}.picture div:nth-of-type(3) span{color:#f0f0f0;font-family:Raleway,sans-serif;font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.picture div:nth-of-type(3) h3{color:#f9d3b4;font-family:Roboto Slab,serif;font-size:15px;margin-top:5px}.picture:hover div:nth-of-type(2){height:100%;opacity:1}.picture:hover div:nth-of-type(3){display:none}.picture:hover div:first-of-type{opacity:1}@media screen and (max-width:600px){.app{padding:4rem 2rem}}@media screen and (max-width:400px){.app{padding:4rem 1rem}h1{font-size:2rem}.container{margin-top:2rem}.picture{margin:1rem}}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-spinner{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#383636;height:50px;width:50px}.buttonStyle{background-color:#000;border-radius:5px;cursor:pointer;display:flex;justify-content:center;margin-left:10px;min-width:100px;padding:10px;width:200px}.buttonStyle h1{background-color:#f9d3b4;font-size:12px;letter-spacing:.9px}
/*# sourceMappingURL=main.003e42ee.css.map*/