.MainName {
    margin-left: 550px;
}
h1 {
    font-size: 35px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin-left: 50px;
}
.tmcclogo {
    margin-left: 645px;
    width: 540px;
    height: auto;
}


.bar1 {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    list-style-type: none;
    list-style-image: none;
      font-size: 20px;
     position: absolute;
     right: 95px;
       z-index: 1;
}
.bar1 li a {
      background-color: greenyellow;
    color: rgb(0, 0, 0);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 175px;
    margin-bottom: 10px;
      z-index: 1;
}
.bar1 li a:hover {
    background-color: green;
}

.bar2 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    list-style-type: none;
    list-style-image: none;
    font-size: 50px;
    position: relative;
    left: 15px;
}
.bar2 li a {
    background-color: greenyellow;
    color: rgb(0, 0, 0);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 440px;
    height: 175px;
    margin-bottom: 10px;
      z-index: 1;
}
.bar2 li a:hover {
    background-color: green;
}

p.desc1 {
    font-size: 12px;
       padding-right: 25px;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       padding-left: 265px;
       background-color: rgb(173, 255, 47, 0.5);
}
p.desc2 {
    font-size: 25px;
       padding-right: 455px;
       padding-left: 400px;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: rgb(173, 255, 47, 0.5);
}

.foot {
    margin-left: 35px;
    margin-top: 265px;
    bottom: 15px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 25px;    
    color: aliceblue;
}
.foot li a:hover {
     background-color: green;
}

.profess {
    width: 850px;
    height: auto;
    position: absolute;
    top: 320px;
    left: 400px;
      z-index: -1;
}
.notebook {
    width: 250px;
    height: auto;
    position: absolute;
    top: 660px;
    left: 700px;
      z-index: -1;
}
.degree {
    width: 250px;
    height: auto;
    position: absolute;
    top: 860px;
    left: 700px;
      z-index: -1;
}

body {
    background-image: url(../images/lab01.png);
     background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


.gus {
    width: 550px;
    height: auto;
    position: absolute;
    top: 220px;
    left: 100px;
}
.pro1 {
     font-size: 50px;
       padding-right: 25px;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       padding-left: 265px;
       position: absolute;
       right: 450px;
       color:aliceblue;
}
.pro2 {
     font-size: 15px;
       padding-right: 25px;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       padding-right: 120px;
       padding-left: 685px;
       position: absolute;
       top: 300px;
       right: 130px;
        color:aliceblue;
}
.cata {
     font-size: 40px;
       padding-right: 25px;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       padding-left: 265px;
       position: absolute;
       right: 290px;
       color:aliceblue;
}

.catalist {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    list-style-type: none;
    list-style-image: none;
      font-size: 20px;
     position: absolute;
     right: 605px;
     top: 300px;
       z-index: 1;
}
.catalist li a {
      background-color: greenyellow;
    color: rgb(0, 0, 0);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 340px;
    height: 175px;
    margin-bottom: 10px;
      z-index: 1;
}
.catalist li a:hover {
     background-color: green;
}
.deg {
     font-size: 40px;
       padding-right: 25px;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       padding-left: 265px;
       position: absolute;
       right: 440px;
       color:aliceblue;
}
.deglist {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    list-style-type: none;
    list-style-image: none;
      font-size: 15px;
     position: absolute;
     right: 605px;
     top: 300px;
       z-index: 1;
}
.deglist li a {
      background-color: greenyellow;
    color: rgb(0, 0, 0);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 340px;
    height: 175px;
    margin-bottom: 10px;
      z-index: 1;
}
.deglist li a:hover {
     background-color: green;
}