body{margin:0}#root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;width:100vw;height:100vh}.jar__drawing{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:100vh;max-width:100vw;padding:10%;box-sizing:border-box}.note__drawing,.banner__drawing{width:300px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.jar{position:relative;width:200px;left:50%;top:50%;transform:translate(-50%,calc(-50% - 10px))}.note__from{display:block;margin-bottom:12px;height:21px;border:none}.note__text{width:100%;box-sizing:border-box;margin-bottom:10px;border-radius:0}.note__submit{float:right;border-color:#f5f5f5}.note__complete{position:relative;width:160px;left:50%;top:50%;transform:translate(-50%,calc(-50% - 10px));font-size:12px}