.adaptive-gap-about{gap:2rem}@media(max-width:768px){.adaptive-gap-about{gap:1rem}}html{scroll-padding-top:70px}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.image-adaptive{width:700px}@media(max-width:1050px){.image-adaptive{width:calc(290px + 410*(100vw - 320px)/730)}}.text-adaptive-demo{font-size:30px}@media(max-width:1050px){.text-adaptive-demo{font-size:calc(20px + 10*(100vw - 320px)/730)}}.button-demo:hover{background-color:red}.button-demo:hover:before{background:rgba(0,0,0,.71)}.button-demo:before{transition:all,.3s;content:"";height:100%;width:100%;left:0;top:0;z-index:1;pointer-events:none;position:absolute}.button-demo .demo-button-text{font-size:28px}@media(max-width:1050px){.button-demo .demo-button-text{font-size:calc(18px + 10*(100vw - 320px)/730)}}