:root{--primary:#1b8798;--secondary:#d61c59;--tertiary:#e7d84b;--font-primary:#efeac5;--font-secondary:#360745}*,body,html{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:Bubbler One,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:-webkit-linear-gradient(301deg,#1b8798,#d61c59);background:linear-gradient(149deg,#1b8798,#d61c59);background:-webkit-linear-gradient(301deg,var(--primary),var(--secondary));background:linear-gradient(149deg,var(--primary),var(--secondary));background-repeat:no-repeat;font-size:1.4rem}.button{background-color:var(--tertiary);color:var(--font-secondary);font-weight:700;border-radius:.25rem;border:none;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:.5rem 1.5rem;-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);transition:all .3s cubic-bezier(.25,.8,.25,1)}.button+.button{margin-left:20px}.create-poem{position:fixed;top:0;right:0;margin:20px}.create-poem i{margin-right:10px}.create-poem .button{font-size:1.1rem}.button:hover{cursor:pointer}.button[disabled]{cursor:not-allowed}.wrapper{padding:3rem;display:grid;grid-template-areas:"header header" "poem instructions" "poemList poemList";grid-gap:20px}.title{font-family:Spirax,cursive;grid-area:header}.title>h1{font-size:5rem;display:inline-block;cursor:pointer}.instructions{grid-area:instructions}.poem-list{grid-area:poemList;display:grid;grid-template-columns:20px 1fr 1fr minmax(350px,2fr)}.tooltip{position:absolute;top:110%;right:90%;padding:10px;background-color:var(--primary);color:var(--font-primary);font-size:1.2em;border:1px solid #000;min-width:250px}.hide{display:none}@media (max-width:900px){.wrapper{grid-template-areas:"header" "poem" "instructions" "poemList";padding:1rem}.title>h1{font-size:3rem}}@media (max-width:580px){.create-poem{position:relative;margin:10px;font-size:1.1rem}.poem-list{grid-template-columns:10px 0 0 1fr}.tooltip{right:unset}}@media (max-width:400px){.wrapper{padding:.7rem}.title{font-size:2rem}}ul{list-style:none}input,textarea{background-color:var(--font-primary);color:var(--font-secondary);outline:none;font-family:Bubbler One,sans-serif;font-size:2rem}textarea{overflow:auto;padding:1rem;resize:none;min-height:12rem}.form-row{display:flex;justify-content:flex-end}.form-row>label{padding:.5em 1em .5em 0}.form-row>input{flex:1 1}.form-row>button,.form-row>input{padding:1rem}.form-row>button{border:0}.poem{box-sizing:border-box;display:flex;flex-direction:column;font-size:2rem;grid-area:poem}.poem *+*{margin-top:20px}.poems{grid-column:4;display:grid;grid-gap:20px}.poems>.p{background-color:var(--font-primary);border-radius:.25rem;padding:1rem}.poems>.p>.text{font-weight:600}.poems>.p>.text>p{margin-bottom:5px}.poems>.p>.author{font-size:1.25rem;font-weight:400;margin-top:.5rem;text-align:right}
/*# sourceMappingURL=main.37ac961c.chunk.css.map */