:root{font-size:62.5%;--primary-color:#7b5fff;--w:#ffffff;--c1:#f7f7f7;--c2:#ededed;--c3:#dedede;--c4:#cccccc;--c5:#b2b2b2;--c6:#9c9c9c;--c7:#717171;--c8:#595959;--c9:#404040;--c10:#2e2e2e;--c11:#111111;--black:#000000}*,::after,::before{margin:0;padding:0;box-sizing:border-box;font:inherit}:focus{outline-color:var(--primary-color)}html{scroll-behavior:smooth}img,picture,svg,video{display:block;max-width:100%}body,button,input,textarea{font:400 1.6rem "Fira Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;color:var(--c11);background-color:var(--c1)}a{color:inherit;text-decoration:none}ul{list-style:none}p{line-height:1.5}.main-container{width:min(90vw,1200px);margin:0 auto}.padding-container{padding:12rem 0}@media (max-width:800px){:root{font-size:55%}}.close-btn{width:4rem;height:4rem;background-color:#c3b7ff;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:.5rem;box-shadow:0 8px 0 #907dee,0 8px 2px rgba(77,50,204,.1);transition:box-shadow .3s,transform .3s}.close-btn:focus,.close-btn:hover{transform:translateY(4px);box-shadow:0 0 0 #907dee,0 8px 2px rgba(77,50,204,.1)}label{color:var(--c10);font-weight:500;width:100%;display:inline-flex;align-items:center;gap:.8rem}.required{color:red}input,textarea{background-color:var(--c1);color:var(--c11);border:1px solid var(--c4);border-radius:5px;width:100%;margin-top:1rem;padding:1.6rem 2rem}::placeholder{color:var(--c7)}textarea{resize:vertical;min-height:15rem}.comment header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.comment header>div{display:flex;align-items:center;gap:1.2rem}.comment img{width:4rem;height:4rem;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.comment time{color:var(--c7);font-size:1.2rem}.author{color:var(--c8);font-weight:500}.job{color:var(--c7);font-size:1rem;font-weight:500;text-align:end;margin-top:2rem;display:block}.comment+.comment{padding-top:2rem;border-top:2px solid var(--c4)}.comment:last-child{padding-bottom:4rem}.close-btn{position:fixed;top:4rem;right:8vw}body{display:grid;grid-template-columns:max-content 1fr;justify-items:center;height:100vh;overflow:hidden}form{max-width:480px;padding:4rem;background-color:var(--c3);min-height:100vh;display:flex;flex-direction:column;gap:2rem}form button{color:#dde9ff;background-color:#3974ca;font-weight:500;text-transform:uppercase;letter-spacing:.7px;border-radius:5px;border:1px solid #234eaa;padding:1.2rem 2.4rem;margin-top:2rem;cursor:pointer;transition:filter .3s}form button:focus,form button:hover{filter:brightness(1.2)}section{height:100%;overflow:auto;width:100%;display:flex;justify-content:center}.comment-list{display:flex;flex-direction:column;gap:4rem;max-width:560px;height:100%;padding-top:12rem}@media (max-width:1099px){body{height:100%;overflow:visible;display:flex;flex-direction:column}form{min-height:fit-content;margin:0 auto}section{width:min(90vw,560px);margin:0 auto}.comment-list{padding-top:6rem}}@media (max-width:600px){.close-btn{transform:scale(.8);top:2rem;right:5vw}}