body,html{height:100%;width:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.dark-mode{--black: #fff;--white: var(--gray-950);--black-border: #fff;--dark-gray: #fff}::-webkit-scrollbar{display:none}.hero{position:relative;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;flex-direction:column;overflow:hidden}.hero .container{background-color:#151313be;transition:filter .5s ease-in-out}.button-container{display:flex;align-self:center;justify-content:space-between;align-items:space-between;width:40vw;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button,.button1{position:absolute;top:0;height:100%;overflow:hidden;width:50%}.button1{right:0%}.button-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%}.button button,.button1 button{cursor:pointer;width:14vw;aspect-ratio:1/1;border-radius:50%;border:1px solid #000;transition:all ease-in-out .5s;font-weight:700;font-size:1.3rem;position:relative;color:var(--dark-gray);background:#ffffff23;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.button button span,.button1 button span{font-weight:100;font-size:.8rem;align-self:center!important}.button button:after,.button1 button:after{content:"";position:absolute;top:-5.5px;left:-5.5px;border-radius:50%;z-index:-1;width:calc(100% + 10px);height:calc(100% + 10px);border:1px solid #0a0a0a}.button button:before,.button1 button:before{content:"";position:absolute;top:50%;transform:translateY(-50%) rotate(-35deg);left:-10px;z-index:-1;width:calc(100% + 8px);height:6px;border-left:6px solid #000;border-right:6px solid #000;transition:transform ease-in-out .5s}.button button:hover:before,.button1 button:hover:before{transform:rotate(140deg)}.button button:hover,.button1 button:hover{background:#000c;color:#fff;transform:scale(.98)}:root{--text-color: #000;--background-color: #fff;--border-color: #000;--paragraph: #242424}