@font-face{font-family:Cabin;src:url(/_next/static/media/Cabin-VariableFont.27328a52.ttf)}body{background-color:#171717;margin:30px;background-size:100vh 100vh}.row{display:flex;flex-direction:row}.contactme{justify-content:center;align-items:center;margin:0 30px;padding-top:30px}.contactme,.contactme-text-container{display:flex;flex-direction:column}.contactme-title{width:100%;color:#fff;font-size:63px;font-family:proxima-nova,Cabin;font-style:normal;font-weight:800;animation:animate-banner-elements 1s}.contactme-subtext{font-size:20px;font-weight:100;font-family:proxima-nova,Cabin;color:#bfbfbf;animation:animate-banner-elements 1.5s}@keyframes animate-banner-elements{0%{transform:translateY(200px);opacity:0}25%{opacity:0}to{transform:translateY(0);opacity:100%}}.contactme-socials-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding-left:5px;animation:animate-opacity 3.5s}.contactme-icon{cursor:pointer;padding-right:20px;color:#bfbfbf;background-image:linear-gradient(90deg,#25ac9b,#60c2ec,#d1b6fb,#60c2ec,#25ac9b);-webkit-background-clip:text;background-clip:text;background-size:1000px;animation:animate-gradient 30s linear infinite;transition:color .5s}.contactme-icon:hover{color:transparent;transition:color 2.5s}@keyframes animate-opacity{0%{opacity:0}to{opacity:100%}}.contactme-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:30px}.contactme-form-input-container{display:flex;flex-direction:column;flex-wrap:wrap;width:50vw;gap:20px;padding-bottom:30px}.input{width:100%;color:#fff;background-color:#171717!important;padding:18px;border-radius:18px;border:none;outline:none}.contactme-form-row{display:flex;flex-direction:row;gap:20px}.banner-button{font-weight:100;cursor:pointer;display:block;font-family:proxima-nova,Cabin;font-size:20px;font-weight:600;line-height:45px;background:linear-gradient(90deg,#25ac9b,#60c2ec,#d1b6fb,#60c2ec,#25ac9b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-size:1000px;animation:animate-gradient 30s linear infinite;margin:0 0 2em;max-width:160px;position:relative;text-decoration:none;text-align:center;width:160px;border:1px solid transparent;transition:all .35s}.banner-button svg{height:45px;left:0;position:absolute;top:0;width:100%}.banner-button rect{fill:none;stroke:#bfbfbf;stroke-width:2;stroke-dasharray:422,0;background-image:linear-gradient(90deg,#25ac9b,#60c2ec,#d1b6fb,#60c2ec,#25ac9b);-webkit-background-clip:padding-box;background-clip:padding-box;background-size:1000px;animation:animate-gradient 30s linear infinite;transition:all .35s linear}.banner-button:hover{font-weight:1000;letter-spacing:1px;transition:all .6s ease-in-out}.banner-button:hover rect{stroke:#fff;stroke-width:5;stroke-dasharray:15,310;stroke-dashoffset:48;transition:all 1.35s cubic-bezier(.19,1,.22,1)}