.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container{width:90%;height:auto;margin:40px;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px #00000054;transition:all .3s ease}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right;color:#fff;width:100px;height:30px;background-color:gray;border-radius:100vh}.modal-default-button:hover{color:#fff;background:#000}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}body{margin:0;padding:0;box-sizing:border-box}button.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;border:0;outline:0;background:transparent;border-radius:0;text-align:inherit}button.btn:hover{cursor:pointer}.btn{position:fixed;top:20px;right:15px;width:30px;display:flex;justify-content:center;align-items:center;z-index:10}.btn-line{width:100%;height:4px;background-color:#333;position:relative;transition:.2s}.btn-line:before,.btn-line:after{content:"";position:absolute;width:100%;height:100%;background-color:#333;transition:.2s}.btn-line:before{transform:translateY(-8px)}.btn-line:after{transform:translateY(8px)}.btn-line.open{background-color:transparent}.btn-line.open:before,.btn-line.open:after{content:"";transition:.2s}.btn-line.open:before{transform:rotate(45deg)}.btn-line.open:after{transform:rotate(-45deg)}.menu-text{margin-left:475px}