main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;background-color:#faf3ed;margin:2rem 0;-webkit-filter:drop-shadow(0 3px 2px rgba(167,167,167,0.678));filter:drop-shadow(0 3px 2px rgba(167,167,167,0.678))}main .drawing h2{color:#fdfdfd;background-color:#d8cc2a;margin:0;font-weight:normal;font-size:calc(calc(1rem + ((1vw - 4.8px) * 0.1389)) * .9);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:visible;padding:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.2rem 1rem;position:relative}main .drawing h2 svg{width:calc(calc(1rem + ((1vw - 4.8px) * 0.1389)) * 2);height:calc(calc(1rem + ((1vw - 4.8px) * 0.1389)) * 2);fill:#fdfdfd}main .drawing h2 span{margin-left:1rem;font-size:calc(calc(1rem + ((1vw - 4.8px) * 0.1389)) * 1.1);display:block}main .drawing h2:before{content:'';position:absolute;bottom:-10px;left:0;display:block;width:var(--h2-width);height:10px;background-color:#ece696;z-index:2}main .drawing h2:after{content:'';position:absolute;bottom:-10px;left:0;display:block;width:var(--content-width);height:10px;background-color:#e0d655;z-index:1}main .drawing .editor{background-color:#fdfdfd;padding:2rem 1rem;border:1px solid #ccc;margin-bottom:1rem;position:relative;z-index:0}main .drawing .editor:after{content:'';position:absolute;bottom:-5px;left:-1px;display:block;width:calc(100% + 2px);height:5px;background-color:#c5b924;z-index:1}main .drawing .editor iframe{width:100%;height:80vh}main .editor{position:relative}main .editor img{width:100}