html,body{margin:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Open Sans;background-color:#000009;color:#defff2;font-size:20px;-webkit-transition:1s all;transition:1s all}h1,h2,h3,h4,h5,h6{font-family:Hind}.fade{opacity:0;-webkit-transition:none;transition:none}.cont{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.cont h1{text-align:center;font-size:2em;letter-spacing:.3em;color:#0ff4c6}.cont h2{font-size:1.5em;letter-spacing:.2em;color:#0ff4c6}.cont .con{background-color:#464f51;overflow:auto;height:100%}.cont .col4{padding-bottom:27.33%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#464f51;-webkit-transition:.5s all;transition:.5s all;}.cont .col4:hover{background-color:#d68fd6}.cont .col4 .in{position:absolute;display:block;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#defff2}.row{width:50%;max-height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;}.row .con{width:100%;margin:3%;padding:10%;padding-top:3%;padding-bottom:3%;}.row .con p{text-align:justify}.row .col4{width:27.33%;margin:3%}