@media screen and (max-width:430px){
    .ham-li {
        color: white;
        border: 2px solid black;
        background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
        margin: 20px;
        padding: 3px;
        border-radius: 10px;
        display: flex;
        list-style: none;
    }
    .ham-link{
        text-decoration: none;
        color: white;
        
    }
    .ham-link:hover{
        color: black !important;
        cursor: pointer !important;

    }
    nav{
    padding: 0.5rem;
    display: flex;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
    height: 5px;
    width: 100%;
    background-color: #6F86FF;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease;
}
.ham-menu span:nth-child(1){
   top: 25%; 
}
.ham-menu span:nth-child(3){
    top: 75%;
}
.ham-menu.active span:nth-child(1){
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
    opacity: 0;
}
.ham-menu.active span:nth-child(3){
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
    background: white;
    height: 100vh;
    width: 100%;
    max-width: 450px;
    position: fixed;
    top: 78px;
    right: -450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    transition: .3s ease;
}
.off-screen-menu.active{
    right: 0;
}
.btn__1 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -31px !important;
    left: 10px !important;
    color: white;
}
.btn__2 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -31px !important;
    left: 10px !important;
    color: white;
}
.st-123{
    left: 210px !important;
}
}
@media screen and (min-width:430px) and  (max-width:484px) {
    .ham-li {
        color: white;
        border: 2px solid black;
        background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
        margin: 20px;
        padding: 3px;
        border-radius: 10px;
        display: flex;
        list-style: none;
    }
    .ham-link{
        text-decoration: none;
        color: white;
        
    }
    .ham-link:hover{
        color: black !important;
        cursor: pointer !important;

    }
    nav{
    padding: 0.5rem;
    display: flex;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
    height: 5px;
    width: 100%;
    background-color: #6F86FF;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease;
}
.ham-menu span:nth-child(1){
   top: 25%; 
}
.ham-menu span:nth-child(3){
    top: 75%;
}
.ham-menu.active span:nth-child(1){
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
    opacity: 0;
}
.ham-menu.active span:nth-child(3){
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
    background: white;
    height: 100vh;
    width: 100%;
    max-width: 450px;
    position: fixed;
    top: 78px;
    right: -450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    transition: .3s ease;
}
.off-screen-menu.active{
    right: 0;
}
.btn__1 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -31px !important;
    left: 10px !important;
    color: white;
}
.btn__2 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -31px !important;
    left: 10px !important;
    color: white;
}
.st-123{
    left: 210px !important;
}
}
@media screen and (min-width:484px) and  (max-width:520px) {
    .ham-li {
        color: white;
        border: 2px solid black;
        background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
        margin: 20px;
        padding: 3px;
        border-radius: 10px;
        display: flex;
        list-style: none;
    }
    .ham-link{
        text-decoration: none;
        color: white;
        
    }
    .ham-link:hover{
        color: black !important;
        cursor: pointer !important;

    }
    nav{
    padding: 0.5rem;
    display: flex;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
    height: 5px;
    width: 100%;
    background-color: #6F86FF;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease;
}
.ham-menu span:nth-child(1){
   top: 25%; 
}
.ham-menu span:nth-child(3){
    top: 75%;
}
.ham-menu.active span:nth-child(1){
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
    opacity: 0;
}
.ham-menu.active span:nth-child(3){
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
    background: white;
    height: 100vh;
    width: 100%;
    max-width: 450px;
    position: fixed;
    top: 78px;
    right: -450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    transition: .3s ease;
}
.off-screen-menu.active{
    right: 0;
}
.btn__1 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -26px !important;
    left: 10px !important;
    color: white;
}
.btn__2 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -26px !important;
    left: 10px !important;
    color: white;
}
.st-123{
    left: 260px !important;
}
}
@media screen and (min-width:520px) and  (max-width:576px) {
    .ham-li {
        color: white;
        border: 2px solid black;
        background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
        margin: 20px;
        padding: 3px;
        border-radius: 10px;
        display: flex;
        list-style: none;
    }
    .ham-link{
        text-decoration: none;
        color: white;
        
    }
    .ham-link:hover{
        color: black !important;
        cursor: pointer !important;

    }
    nav{
    padding: 0.5rem;
    display: flex;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
    height: 5px;
    width: 100%;
    background-color: #6F86FF;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease;
}
.ham-menu span:nth-child(1){
   top: 25%; 
}
.ham-menu span:nth-child(3){
    top: 75%;
}
.ham-menu.active span:nth-child(1){
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
    opacity: 0;
}
.ham-menu.active span:nth-child(3){
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
    background: white;
    height: 100vh;
    width: 100%;
    max-width: 450px;
    position: fixed;
    top: 78px;
    right: -450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    transition: .3s ease;
}
.off-screen-menu.active{
    right: 0;
}
.btn__1 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -26px !important;
    left: 10px !important;
    color: white;
}
.btn__2 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -26px !important;
    left: 10px !important;
    color: white;
}
.st-123{
    left: 330px !important;
}
}
@media screen and (min-width:576px) and (max-width:600px){
    #menu ul {
        display: none !important;
    }
    .ham-li {
        color: white;
        border: 2px solid black;
        background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
        margin: 20px;
        padding: 3px;
        border-radius: 10px;
        display: flex;
        list-style: none;
    }
    .ham-link{
        text-decoration: none;
        color: white;
        
    }
    .ham-link:hover{
        color: black !important;
        cursor: pointer !important;

    }
    nav{
    padding: 0.5rem;
    display: flex;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
    height: 5px;
    width: 100%;
    background-color: #6F86FF;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease;
}
.ham-menu span:nth-child(1){
   top: 25%; 
}
.ham-menu span:nth-child(3){
    top: 75%;
}
.ham-menu.active span:nth-child(1){
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
    opacity: 0;
}
.ham-menu.active span:nth-child(3){
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
    background: white;
    height: 100vh;
    width: 100%;
    max-width: 450px;
    position: fixed;
    top: 78px;
    right: -450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    transition: .3s ease;
}
.off-screen-menu.active{
    right: 0;
}
.btn__1 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -26px !important;
    left: 10px !important;
    color: white;
}
.btn__2 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -26px !important;
    left: 16px !important;
    color: white;
}
.st-123{
    left: 330px !important;
}
}
@media screen and (min-width:600px) and (max-width:768px){
    #menu ul {
        display: none !important;
    }
    .ham-li {
        color: white;
        border: 2px solid black;
        background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
        margin: 20px;
        padding: 3px;
        border-radius: 10px;
        display: flex;
        list-style: none;
    }
    .ham-link{
        text-decoration: none;
        color: white;
        
    }
    .ham-link:hover{
        color: black !important;
        cursor: pointer !important;

    }
    nav{
    padding: 0.5rem;
    display: flex;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
    height: 5px;
    width: 100%;
    background-color: #6F86FF;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease;
}
.ham-menu span:nth-child(1){
   top: 25%; 
}
.ham-menu span:nth-child(3){
    top: 75%;
}
.ham-menu.active span:nth-child(1){
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
    opacity: 0;
}
.ham-menu.active span:nth-child(3){
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
    background: white;
    height: 100vh;
    width: 100%;
    max-width: 450px;
    position: fixed;
    top: 78px;
    right: -450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    transition: .3s ease;
}
.off-screen-menu.active{
    right: 0;
}
.btn__1 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -26px !important;
    left: 16px !important;
    color: white;
}
.btn__2 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #a060af 8.6%, #37279b 99.86%) !important;
    position: relative;
    top: -26px !important;
    left: 16px !important;
    color: white;
}
.st-123{
    left: 450px !important;
}
}

@media screen and (min-width:768px) and (max-width:844px) {
    #menu ul {
        display: none !important;
    }
    .ham-li {
    color: white;
    border: 2px solid black;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
    margin: 20px;
    padding: 3px;
    border-radius: 10px;
    display: flex;
    list-style: none;
}
.ham-link{
    text-decoration: none;
    color: white;
    
}
.ham-link:hover{
    color: black !important;
    cursor: pointer !important;

}
nav{
padding: 0.5rem;
display: flex;
background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
height: 5px;
width: 100%;
background-color: #6F86FF;
border-radius: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .3s ease;
}
.ham-menu span:nth-child(1){
top: 25%; 
}
.ham-menu span:nth-child(3){
top: 75%;
}
.ham-menu.active span:nth-child(1){
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
opacity: 0;
}
.ham-menu.active span:nth-child(3){
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
background: white;
height: 100vh;
width: 100%;
max-width: 450px;
position: fixed;
top: 78px;
right: -450px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-size: 3rem;
transition: .3s ease;
}
.off-screen-menu.active{
right: 0;
}
.btn__1 {
    
    left: 240px !important;
    
}
.btn__2 {
    
    left: 240px !important;
    
}
.st-123{
    left: 400px !important;
}
}
@media screen and (min-width:844px) and (max-width:916px) {
    #menu ul {
        display: none !important;
    }
    .ham-li {
    color: white;
    border: 2px solid black;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
    margin: 20px;
    padding: 3px;
    border-radius: 10px;
    display: flex;
    list-style: none;
}
.ham-link{
    text-decoration: none;
    color: white;
    
}
.ham-link:hover{
    color: black !important;
    cursor: pointer !important;

}
nav{
padding: 0.5rem;
display: flex;
background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
height: 5px;
width: 100%;
background-color: #6F86FF;
border-radius: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .3s ease;
}
.ham-menu span:nth-child(1){
top: 25%; 
}
.ham-menu span:nth-child(3){
top: 75%;
}
.ham-menu.active span:nth-child(1){
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
opacity: 0;
}
.ham-menu.active span:nth-child(3){
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
background: white;
height: 100vh;
width: 100%;
max-width: 450px;
position: fixed;
top: 78px;
right: -450px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-size: 3rem;
transition: .3s ease;
}
.off-screen-menu.active{
right: 0;
}
.btn__1 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%) !important;
    position: relative;
    top: -91px;
    left: 328px !important;
    color: white;
}
.btn__1 {
    
    left: 280px !important;
    
}
.btn__2 {
    
    left: 280px !important;
    
}
}

@media screen and (min-width:916px) and (max-width:968px) {
    #menu ul {
        display: none !important;
    }
    .ham-li {
    color: white;
    border: 2px solid black;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
    margin: 20px;
    padding: 3px;
    border-radius: 10px;
    display: flex;
    list-style: none;
}
.ham-link{
    text-decoration: none;
    color: white;
    
}
.ham-link:hover{
    color: black !important;
    cursor: pointer !important;

}
nav{
padding: 0.5rem;
display: flex;
background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
height: 5px;
width: 100%;
background-color: #6F86FF;
border-radius: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .3s ease;
}
.ham-menu span:nth-child(1){
top: 25%; 
}
.ham-menu span:nth-child(3){
top: 75%;
}
.ham-menu.active span:nth-child(1){
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
opacity: 0;
}
.ham-menu.active span:nth-child(3){
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
background: white;
height: 100vh;
width: 100%;
max-width: 450px;
position: fixed;
top: 78px;
right: -450px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-size: 3rem;
transition: .3s ease;
}
.off-screen-menu.active{
right: 0;
}
.btn__1 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%) !important;
    position: relative;
    top: -91px;
    left: 328px !important;
    color: white;
}
.btn__2 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%) !important;
    position: relative;
    top: -81px;
    left: 328px !important;
    color: white;
}

}
@media screen and (min-width:968px) and (max-width:1200px) {
    #menu ul {
        display: none !important;
    }
    .ham-li {
    color: white;
    border: 2px solid black;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
    margin: 20px;
    padding: 3px;
    border-radius: 10px;
    display: flex;
    list-style: none;
}
.ham-link{
    text-decoration: none;
    color: white;
    
}
.ham-link:hover{
    color: black !important;
    cursor: pointer !important;

}
nav{
padding: 0.5rem;
display: flex;
background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
height: 5px;
width: 100%;
background-color: #6F86FF;
border-radius: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .3s ease;
}
.ham-menu span:nth-child(1){
top: 25%; 
}
.ham-menu span:nth-child(3){
top: 75%;
}
.ham-menu.active span:nth-child(1){
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
opacity: 0;
}
.ham-menu.active span:nth-child(3){
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
background: white;
height: 100vh;
width: 100%;
max-width: 450px;
position: fixed;
top: 78px;
right: -450px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-size: 3rem;
transition: .3s ease;
}
.off-screen-menu.active{
right: 0;
}
.btn__1 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%) !important;
    position: relative;
    top: -91px;
    left: 328px !important;
    color: white;
}
.btn__2 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%) !important;
    position: relative;
    top: -81px;
    left: 328px !important;
    color: white;
}

}

@media screen and (min-width:1200px) and (max-width:1320px) { 
    #menu ul {
        display: none !important;
    }
    .ham-li {
    color: white;
    border: 2px solid black;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
    margin: 20px;
    padding: 3px;
    border-radius: 10px;
    display: flex;
    list-style: none;
}
.ham-link{
    text-decoration: none;
    color: white;
    
}
.ham-link:hover{
    color: black !important;
    cursor: pointer !important;

}
nav{
padding: 0.5rem;
display: flex;
background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
}
.ham-menu {
    height: 39px;
    width: 40px;
    margin-left: auto;
    position: relative;
}
.ham-menu span{
height: 5px;
width: 100%;
background-color: #6F86FF;
border-radius: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .3s ease;
}
.ham-menu span:nth-child(1){
top: 25%; 
}
.ham-menu span:nth-child(3){
top: 75%;
}
.ham-menu.active span:nth-child(1){
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2){
opacity: 0;
}
.ham-menu.active span:nth-child(3){
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
/* off-screen-menu */
.off-screen-menu{
background: white;
height: 100vh;
width: 100%;
max-width: 450px;
position: fixed;
top: 78px;
right: -450px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-size: 3rem;
transition: .3s ease;
}
.off-screen-menu.active{
right: 0;
}
.btn__1 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%) !important;
    position: relative;
    top: -91px;
    left: 282px;
    color: white;
    
}
.btn__2 {
    border-width: 2px;
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%) !important;
    position: relative;
    top: -81px;
    left: 282px;
    color: white;
    
}
}
@media screen and (min-width:1320px){
    .ham-li{
        display: none;
    }
    .btn__1 {
        border-width: 2px;
        background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%) !important;
        position: relative;
        top: -91px;
        left: 282px;
        color: white;
        
    }
    .btn__2 {
        border-width: 2px;
        background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%) !important;
        position: relative;
        top: -81px;
        left: 282px;
        color: white;
        
    } 
}


.relative {
    position: relative;
}

#_gcaptcha_pt {
    padding-bottom: 1em;
}

#paste,
#clear {
    position: relative;
    left: 200px;
    right: 0;
    top: 50px;
    transform: translate(0, -50%);
    right: 8px;
    display: flex;
    align-items: center;
    font-size: 15px;
    z-index: 1;
    padding: 0.6em;
    height: 30px;
    padding: 2px 7px;
    border: 0;
    border-radius: 7px;
}
#paste span,
#clear span {
    color: white;
}

#clear {
    display: none;
}

#paste:hover,
#clear:hover {
    cursor: pointer;
}

#paste svg,
#paste svg {
    margin-right: 5px;
}