@import './main.css';

#blue-app-card{
    
    padding-left: 0vw;
    background-color: rgb(20, 86, 172);

}

#whiteo-btn-1 h4{
    background-color: #f57c65;
    color: var(--white);
}
#whiteo-btn-2 h4{
    background-color: #f57c65;
    color: var(--white);
}
#whiteo-btn-3 h4{
    background-color: #f57c65;
    color: var(--white);
}

#yellow-btn h4{
    background-color: #070707;
    color: var(--white);
}

#maroon-btn h4{
    background-color: #9c0526d0;
    color: var(--white);
}

#pink-btn h4{
    background-color: rgba(138, 96, 105, 0.816);
    color: var(--white);
}

#pblue-btn h4{
    background-color: rgb(41, 126, 126);
    color: var(--white);
}


#white-app-name h1{
    color: var(--white);
}



#white-app-line{
    background-color: var(--white);
}
#white-app-line:hover{
    background-color: var(--white);
}

 
#white-app-des{
    color: var(--white);
    opacity: 0.8;
    padding-top: 12px;

 }

 #white-app-detail h5{
    color: var(--white);
 }

 #app-detail-button h4{
    background-color: rgba(37, 153, 153, 0);
    border-color: var(--white);
    color: var(--white);

 }

 #app-detail-button h4:hover{
   
    color: var(--white);
    background-color: var(--pink);
    border-color: var(--pink);
    border-width: 2px;
    transition: 0.2s;
}
 
.appbutton h4{
    font-size: min(2.2vw,0.8rem);
    text-align: center;
    background-color: var(--mid-grey);
    border-radius: 100px;
      font-family: 'Poppins', sans-serif;
    font-weight: normal;
    padding: 6px min(5vw,32px);
    margin-right: 8px;
}

.appbuttonblue h4{
    font-size: min(2.2vw,0.8rem);
    text-align: center;
    background-color:  #7591ebb9;
    border-radius: 100px;
    color: var(--white);
      font-family: 'Poppins', sans-serif;
    font-weight: normal;
    padding: 6px min(5vw,32px);
    margin-right: 8px;
}

.appbuttonpur h4{
    font-size: min(2.2vw,0.8rem);
    text-align: center;
    background-color:  #ae5bf1bd;
    border-radius: 100px;
    color: var(--white);
      font-family: 'Poppins', sans-serif;
    font-weight: normal;
    padding: 6px min(5vw,32px);
    margin-right: 8px;
}