HW_css

body{
    background-image: url(bg.jpg);
    background-size: cover;
}

header{
    background-color: rgba(128,0,128,0.5);
    height: 130px;
    margin: -10px;
}

#lh1{
    /*border: solid;*/
    display: inline-block;
    width: 5%;
    /*height: 90%;*/
    /*margin: 5px;*/
    margin-left: 35px;
    padding: 20px;
}

#dh1{
    /*border: solid;*/
    display: inline-block;
    width: 40%;
    /*height: 90%;*/
    /*margin: 5px;*/
    padding: 20px;
}

#nh1{
    /*border: solid;*/
    display: inline-block;
    width: 40%;
    /*height: 90%;*/
    /*margin: 5px;*/
    padding: 20px;
}

#logo{
    width: 70px;
    vertical-align: middle;
}

h1{
    text-align: left;
}

.mc{
    align-content: center;
}

.hm{
    background-color: rgba(128,0,128,0.8);
    border-radius: 3px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    color: #ffffff;
    text-decoration: none;
    font-size: 110%;
    margin-left: 10px;
}

.sm{
    margin: 10px;
    border: solid 4px;
    border-color: #800080;
    clear: both;
}

#s1p{
    text-align: justify;
    padding: 20px;
    transition-property: background;
    transition-duration: .5s;
    transition-delay: .5s;
    transition-timing-function: ease;
    border-radius: 5px;
    margin: 4px;
}

#s1{
    display: inline-block;
    width: 80%;
    border:solid;
    border-width: 3px;
    border-radius: 5px;
    border-color: #efbbff;
    margin: 20px;
    margin-bottom: 5px;
}

#s1p:hover{
    background-color: #efbbff;
}

#ls0{
    display: inline-block;
    width: 30%;
    /*background-color: #efbbff;*/
    /*height: 500px;*/
    float: left;
    /*margin:10px;*/
    /*margin-left: 80px;*/
    border: solid;
    border-width: 3px;
    border-radius: 3px;
    border-color: #efbbff;
}

.h3{
    width: 90%;
    border-radius: 5px;
    padding: 10px;
    transition-property: background;
    transition-duration: 1s;
    transition-delay: .5s;
    transition-timing-function: ease;
}

.h3:hover{
    background-color: #efbbff;
}

.i0{
    display: inline-block;
    width: 30%;
    padding: 10px;
    text-align: left;
}

.i1{
    display: inline-block;
    width: 0.2%;
    padding: 5px;
    margin-left: 5px;
    text-align: center;
}

.i2{
    display: inline-block;
    width: 47%;
    padding: 10px;
    margin-left: 5px;
    text-align: left;
    vertical-align: middle;

}

.sc{
    display: inline-block;
    width: 95%;
    border-radius: 3px;
    margin-bottom: 10px;
    transition-property: background;
    transition-duration: .5s;
    transition-delay: .5s;
    transition-timing-function: ease;
}

.sc:hover{
    background-color: #efbbff;
}


#ms0{
    display: inline-block;
    width: 30%;
    /*background-color: #efbbff;*/
    /*height: 500px;*/
    float: left;
    /*margin:10px;*/
    margin-left: 10px;
    border: solid;
    border-width: 3px;
    border-radius: 3px;
    border-color: #efbbff;
}

#rs0{
    display: inline-block;
    width: 30%;
    /*background-color: #efbbff;*/
    /*height: 500px;*/
    float: left;
    /*margin:10px;*/
    margin-left: 10px;
    border: solid;
    border-width: 3px;
    border-radius: 3px;
    border-color: #efbbff;
}

.sc3{
    display: inline-block;
    width: 80%;
    /*border:solid;
    */
}

.imgd{
    margin-bottom: 23px;
    margin-top: 10px;
}

.img3{
    width: 50%;
}