body,html{height:100%}body{margin:0;position:relative;font-family:Special Elite,cursive;font-size:12px;background:url(../img/ricepaper2.c72df3d.png) 0 0 repeat}:focus{outline:none}.res{margin:7% 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:0 20px}.num,.res{box-sizing:border-box}.num{position:relative;display:inline-block;padding:10px;margin:0 5px 10px;border:1px dashed #ccc;background:hsla(26,6%,49%,.15);border-radius:5px 8px 13px 21px}.num:hover .num__delete{opacity:1}.num__symbol{display:inline-block;width:28px;padding-right:8px;text-align:center}.num>div{position:relative;display:block;padding:5px 10px;font-size:15px;text-align:left}.num>div.title{text-align:center;font-size:2rem;margin:0 0 5px;padding:5px 15px;display:inline-block}.num>div.title .num__symbol{display:none}.num__delete{position:absolute;font-size:2rem;right:10px;top:5px;cursor:pointer;opacity:0;transition:.3s}.num.repeat{color:red}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number_field{position:absolute;width:20%;height:60px;top:40%;right:0;left:0;margin:auto;transition:.3s}.number_field.top{top:80px}.inp{width:100%;padding:3px 10px;background:transparent;border:0;border-bottom:1px solid #2d2d2d;font-size:4em;text-align:center;box-sizing:border-box;font-family:Special Elite,cursive}footer{position:fixed;bottom:0;left:0}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.settings{padding:10px}.settings__container{position:absolute;left:0;top:100%;width:100%}.settings__button{font-size:1.5rem;cursor:pointer}@-webkit-keyframes bounce{0%,20%,53%,80%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.logo{display:block;font-size:3em;text-align:right;padding:20px;margin:0}.header__menu{position:absolute;left:0;top:0}