@charset "UTF-8";

.body {
    background-color: #ffffff;
  }

a {
    color: #000000;
    text-decoration: none;
}

.btn {
    background-color: #EAEAEA;
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    line-height: 18px;
    padding: 10px 32px 10px 31px;
    margin: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 24px;
}
  
.btn-gradient {
    padding: 13px 32px 13px 31px;
    color: #ffffff;
    background-image: linear-gradient(to right, #2000F7, #4600DE, #5D00CE, #6600C9, #A46AFF);
    border: 0;
}

.btn-gradient:hover {
    background-image: linear-gradient(to right, #1600FF, #2000F7, #4600DE, #5D00CE, #6600C9, #A46AFF);
    transition: opacity 0.5s;
}

.sub-menu 
{ 
   display: none; 
} 
.main-item:focus ~ .sub-menu, 
.main-item:active ~ .sub-menu, 
.sub-menu:hover 
{ 
   display: block; 
} 
.link_basic{
    color: #1600FF;
    text-decoration: underline;
}