@charset "utf-8";
/* Main styles*/
body {
    /* font-family: 'Times New Roman', Times, serif;
    background-color: #A8D9FA; */
    font-size: 1.1em;
}

.wrapper {
    max-width: 960px;
    /* margin: auto; */
    /* padding: 32px; */
}

/*Header Styes (Navigation)*/
.main_menu{
    /* padding: 5px 0 5px 0; */
    /* text-align: center; */
    line-height: 50px;
    background-color: #E7E6E6 ;
}

.main_menu li {
    display: inline;
    padding: 0px 5px 0px 5px;
    font-size: 1em;
}

.main_menu a {
    padding: 10px;
    color: black;
    font-variant: small-caps;
}

.add {
    position: relative;
    float: right;
    left: 175px;
    bottom: 45px;
}

.search {
    position: relative; 
    float: right;
    left: 120px;
    bottom: 12px;
}

.input{
    position: relative;
    float: right;
    left: 60px;
    top: 10px;
    font-size: 1rem;
}

/*Footer Styles*/
footer {
    text-align: center;
    background: #F4B488;
    padding: 40px;
}

footer p {
    font-size: 1.5em;
}

div#mailNo {
    font-size: 1.1em;
    text-align: left;
    padding-bottom: 10px;
    margin-left: 10%;
}

div#social {
    font-size: 1.1em;
    text-align: start;
    margin-top: -50px;
    margin-left: 70%;
}

Header {
    background-color: lightyellow;
}

/* body {
    padding-right: 20px;
    background-color: lightgoldenrodyellow;
} */

footer {
    background-color: black;
}

.allMaterials {
    width: 500px;
    border: 2px solid #1AA7EC;
    border-radius:5px;
    padding: 20px;
    margin: 20px;
    margin-left: 100px;
}

.title {
    padding: 10px;
    position: relative;
    left: 100px;
    bottom: 60px;
    
}

 img {
    width: 5rem;
    height: 5rem;
    position: relative;
    top: 10px;
    right: 450px;
    float: left;
} 

.delete {
    float:right;
}

.view {
    float: right;
}

.center {
    width:200px;
    height:180px;
    position: absolute;
    top: 31%;
    left: 70%;
    margin-top: -100px;
}