/*sancom */
.top1{
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1.5vw;
    font-size: 200%;
    background-color:skyblue; 
}

.top2{
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: .3vw;
    font-size: 90%;
   background-color:lightblue;
}

.top3{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    background-color:lightblue;
}
body{
    min-height= 100vh;
}


.flex-all-center{
    display: flex;
    justify-content: center;
    align-items: center;
position:stick;
    
}

.btn{
    height:120px;
    width:150px;
    padding: 5px 10px;
    color: red;
    background: var(--main-bg-color);
    border: 25px solid red;
    border-radius: 7px;
    cursor: pointer; 
}

.my-1{
    margin: 15px 0;
}

.my-2{
 margin: 3px 0;
 border: 2px solid green;
}

.text-center{
    text-align: center;
}

@media only screen and (min-width: 320px) and (max-width :480px){
    
.top1{
    font-size: 10%;

}    
 
}