*{padding:0;margin:0;font-family:Josefin Sans,sans-serif}html,body,#root{height:100%}#root,.app{display:flex;flex-direction:column}@media screen and (min-width: 1025px){.app{display:grid;grid-template-columns:4fr 3fr;grid-template-rows:10rem 1fr;height:100vh}}.page-content{padding:4rem 2rem 0}.pagle-title{display:flex;flex-direction:column;align-items:center;font-size:3rem;margin-bottom:1rem;letter-spacing:.5rem}.title-gold{color:#ce9797;font-weight:100}.title-bold{font-weight:700}.page-info{text-align:center;margin-bottom:2rem;color:#ce9797}.page-input{width:100%;height:3rem;border-radius:2rem;border:.05rem solid hsl(0,36%,70%)}.page-input::placeholder{color:#ce9797e0;font-size:1rem;padding-left:2rem}.page-input-container{display:flex}.page-input-img{display:flex;align-items:center;justify-content:center;position:absolute;width:4.5rem;height:3rem;background-image:linear-gradient(135deg,#f8bfbf,#ee8c8c);right:2rem;border-radius:2rem}@media screen and (min-width: 1024px){.page-content{padding-left:10rem}.pagle-title{align-items:flex-start}.page-info{text-align:justify;line-height:1.5rem;width:25rem}.pagle-title{letter-spacing:1.5rem}.page-input{width:25rem}.page-input-img{left:31rem}}.page-header{display:flex;align-items:center;height:6rem;padding-left:2rem}@media screen and (min-width: 1024px){.page-header{height:10rem;padding-left:10rem}}.image-container,.image{width:100%}@media screen and (min-width: 1024px){.image-container{grid-row:span 2;height:100%;overflow:hidden}.image{object-fit:contain}}