body{margin:0; padding:0; overflow-x:hidden ;}
*{font-size: var(--font-medium); font-family: var(--font-family); }
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-thumb{border-radius: 20px; background: linear-gradient(var(--primary-col),var(--secondary-col));}

main{margin-top: 100px;}
.section{min-height: 80vh; padding: 100px; position: relative;}
.all-center{height: max-content; max-width: 500px; min-width: 300px; margin-left: 50%; transform: translate(-50%); text-align: center;}

.hover-link{padding: 20px; text-align: center; border-top-right-radius: 20px; border-top-left-radius: 20px; background-color: rgba(255, 255, 255, 0.603);
width: max-content; padding-left: 40px; padding-right: 40px; text-decoration: none;
display: block; color: black; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); height: 70px;}


@media  screen and (max-width:700px) {
    main{margin-top: 50px;}
    .section{padding: 20px; padding-top: 100px; padding-bottom: 100px;}
    
}