body { margin:0px; font-family:Segoe UI }
a {text-decoration: none}
.main{background-image: url("images/school.jpg"); background-repeat:no-repeat; min-height: 600px; color:White}
.welc{ font-size:3em; 
       font-family:Segoe UI Light;
       }
       #school_logo{padding-top:150px; width:200px; height:200px}
       small{text-align: center}
     ul { list-style:none}
     .btn li{ margin-top:30px; display:inline-block; border: 1px solid white; border-radius: 5px; margin: 10px;  padding:10px 20px; }
     li:hover { background-color:#ccc; color:black; transition: all ease 1s}
     .btn li a {color:White; font-size:24px; text-align:center; }
     li:hover a{color:Black}