css

body {
 background-color: #000000;
 color: #FFFFFF;
 padding:0px;
 margin:0px;
 width:100%;
 height:100%;
}
h1 {
 color: #FFFF33;
 text-align: center;
 font: italic 200% fantasy;
}
p {
 color: #ffffff;
 text-align: center;
padding:0px;
}
.wrap {
    display: flex;
}


.coddetails {
    position:relative;
    width:100px;
    height:100px;
    left:50%;
    top:50%;
    margin-left:-45px;
    margin-top:-45px;
    opacity: 0.5;
}

.coddetails:hover
{
	opacity: 1;
}

.mcdetails {
    position:relative;
    width:100px;
    height:100px;
    left:50%;
    top:50%;
    margin-left:-45px;
    margin-top:-45px;
    opacity: 0.5;
}

.mcdetails:hover
{
	opacity: 1;
}


.nebdetails {
    position:relative;
    width:100px;
    height:100px;
    left:50%;
    top:50%;
    margin-left:-42px;
    margin-top:-42px;
}

.nebinfo {
    position:relative;


    top:30%;
    text-align:center;
	padding-bottom:0px;
}

.nebdetails1 {
    position:absolute;
    width:400px;
    height:20px;
    left:39%;
    top:95%;
    margin-left:-42px;
    margin-top:-42px;
	padding-bottom:0px;
}


img {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition: transform .8s ease-in-out;



}
img:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
		  background-color: #ffff00;

}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.wrap .col1 {
    min-height: 100px;
	height: 800px;
    background: #000000;
	background-repeat:no-repeat;
	background-image: url("img/logo.png");
	background-position: center top;
	background-size: 400px 64px;
    width: 40%;
    -webkit-transition: all .5s;
    transition: all .5s;

}


.wrap .col {
    min-height: 100px;
	height: 800px;
    background: #eee;
	background-image: url("https://i.imgur.com/9m0l5Dj.jpg");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
    width: 35%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

div.wrap > div:nth-of-type(1) {
    background: #aaa;
	background-image: url("https://i.imgur.com/w88kS7R.jpg");
	background-repeat:no-repeat;
	width: 33.33%;
}

div.wrap > div:hover {
    width: 100%;
}



#btn {
    display:none;
}

.codbody
{
 background-color: #000000;
 color: #FFFFFF;
 padding:0px;
 margin:0px;
 align:center;
}

pre {
   font-family: "courier new", courier, monospace;
   font-size: 14px;
}