#boxone, #boxtwo, #boxthree, #boxfour, #boxfive, #boxsix {
    text-align: left;
   padding:1px;
    margin: auto;
    width:300px;
    height: auto;
    border: 0;
    border-radius: 15px;
    box-shadow: 0 4px 10px #111;
}
    #boxone .Butone {
        font-size: 16px;
        font-weight: bolder;
        width: auto;
        text-align: center;
        color: white;
        border-radius: 5px;
        text-decoration: none;
        background-color: dodgerblue;
    }
        #boxone .Butone:hover, #boxtwo .Butwo:hover, #boxsix .Butsix:hover {
            opacity: 0.5;
        }
    #boxthree .Buthree:hover, #boxfour .Butfour:hover, #boxfive .Butfive:hover {
        opacity: 0.5;
    }
    #boxtwo .Butwo {
        font-size: 14px;
        font-weight: bolder;
        width: auto;
        text-align: center;
        color: white;
        border-radius: 5px;
        text-decoration: none;
        background-color: #c2580d;
    }
    #boxthree .Buthree {
        font-size: 16px;
        font-weight: bolder;
        width: auto;
        text-align: center;
        border-radius: 5px;
        color: white;
        text-decoration: none;
        background-color: #0026ff;
    }
    #boxfour .Butfour {
        font-size: 16px;
        font-weight: bolder;
        width: auto;
        text-align: center;
        border-radius: 10px;
        color: white;
        text-decoration: none;
        background-color: #ff0000;
    }
    #boxfive .Butfive {
        font-size: 14px;
        font-weight: bolder;
        width: auto;
        text-align: center;
        border-radius: 5px;
        color: white;
        text-decoration: none;
        background-color: #4800ff;
    }
    #boxsix .Butsix {
        font-size: 14px;
        font-weight: bolder;
        width: auto;
        text-align: center;
        border-radius: 5px;
        color: white;
        text-decoration: none;
        background-color: green;
    }
#nm {
    color: blue;
    text-shadow: 3px 3px 3px #635858;
}
/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
    position: relative;
    height:200px;
     margin-top:100px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    /* Style the icon bar links */
    .icon-bar a {
        display: block;
        text-align: center;
        padding: 1px;
        margin-left:30px;
        margin-right:30px;
        transition: all 0.3s ease;
        color: white;
        font-size: 18px;
    }

        /* Style the social media icons with color, if you want */
        .icon-bar a:hover {
            background-color: #000;
        }

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}
.youtube {
    background:#008039;
    color: white;
}
#very{display:none;}
#actifme {
    font-size: 14px;
    font-weight: bolder;
    width: auto;
    text-align: center;
    color: white;
    text-decoration: none;
    background-color: #4800ff;
}
#closme{
    font-weight:bolder;
    color:red;
}
#exp, #exp1, #exp2{
    color:blue;
}
#Text1 {
    width: 110px;
    font-weight: bolder;
    background-color: antiquewhite;
}
label {
    color: darkred;
    font-weight: bolder;
    font-size: 16px;
}
#alb1{
   text-align:center;
   font-weight:bolder;
   color:white;
   background-color:navy;
}
#Butta{
font-weight:bolder;
background-color:#bacde0;
}
#Butb {
    margin-left: 20px;
    font-weight: bolder;
    background-color: #efc3be;
}
#hmn{
    width:320px;
    height:240px;
}