*{padding:0;margin:0;box-sizing:border-box}body{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif;font-size:1vw;width:100%;height:100vh;background:white}@media(max-width:600px){body{font-size:3vw}}.mybutton{display:inline-block;font-weight:bold;letter-spacing:2px;padding:15px 30px;text-decoration:none;text-transform:uppercase;transition:background 300ms}.mybutton.outline{color:#390862;overflow:hidden;position:relative}.mybutton.outline:before,.mybutton.outline:after,.mybutton.outline .lines:before,.mybutton.outline .lines:after{background-color:#0e0f79;content:"";height:2px;left:0;position:absolute;top:0;transition:transform 300ms;width:100%}.mybutton.outline:before{bottom:0;top:auto}.mybutton.outline .lines{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mybutton.outline .lines:before,.mybutton.outline .lines:after{height:100%;width:2px}.mybutton.outline .lines:after{left:auto;right:0}.mybutton:hover:before{transform:translateX(-101%)}.mybutton:hover:after{transform:translateX(101%)}.mybutton:hover .lines:before{transform:translateY(-101%)}.mybutton:hover .lines:after{transform:translateY(101%)}a.arrowbutton{font-size:1.5vw;font-weight:normal}.arrow{color:white;margin:1em 0}.arrow::after{display:inline-block;padding-left:8px;content:"➞";transition:transform .3s ease-out}.arrow:hover{opacity:.8}.arrow:hover::after{transform:translateX(4px)}.fontAwesome{font-family:'Helvetica',FontAwesome,sans-serif}.p-text{font-size:1vw}@media(max-width:786px){a.arrowbutton{font-size:3vw!important;font-weight:normal}h1{font-size:5vw!important}h5{font-size:3.5vw!important}.p-text{font-size:3vw!important}}