.summary_title{grid-area:span 1}.summary_text{justify-self:center;color:#03c265}.summary_ans{grid-area:span 4;display:grid;grid-template-rows:repeat(5,1fr);row-gap:10px;padding:15px 30px 30px;height:350px;overflow-y:auto;border-radius:30px;border:solid 1px lightgray}.summary_content,.summary_item{align-self:center}@media (max-width: 30rem){.summary_ans{height:500px}}.mainpage{display:grid;grid-template-rows:auto auto;justify-self:center;width:500px}.transcript{grid-column:span 1;display:grid;grid-template-rows:auto auto auto auto auto auto auto;row-gap:10px;padding:30px;margin:30px 30px 0;background-color:#fff;border-radius:25px}.transcript_header{grid-area:span 1;display:grid;grid-template-columns:repeat(1,1fr);justify-content:center;align-items:center}.header_title{grid-column:span 1;justify-self:center;color:#03c265}.header_text{grid-column:span 1;justify-self:center;color:#03c265;font-weight:300;font-size:15px}.textarea{grid-area:span 5;padding:10px;border:solid 1px rgb(3,194,101);border-radius:25px;background-color:#fff}.button{grid-area:span 1}.summary{grid-area:span 1;display:grid;grid-template-rows:auto auto auto auto auto;justify-content:center;align-items:center;row-gap:10px;background-color:#fff;margin:30px;padding:30px;border-radius:30px}.loadingtext{grid-area:span 5;align-self:center;font-weight:700;color:#000}@media (max-width: 30rem){.mainpage{width:350px}.loadingtext{grid-area:span 5;align-self:center;font-weight:700;font-size:12px;color:#000}}*:before,*:after{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;font-family:sans-serif;background-color:#03c265}h1,h2,h3,h4,p,ul,li{margin:0;padding:0}textarea{all:unset;resize:none;display:block;width:100%;height:200px;padding:8px;font-size:16px;line-height:1.5;border:1px solid #ccc;box-sizing:border-box}button{padding:3px 20px;background:none;background-color:#d3d3d3;color:#fff;font:inherit;cursor:pointer;outline:none;border:none;border-radius:25px;appearance:none;-webkit-appearance:none;-moz-appearance:none}