style.css

* {
    margin:0px;
    padding:0px;
    font-family: 'Nunito', sans-serif;
}

.menu.bar{
    background-image: linear-gradient(-90deg,  #02aab0 ,  #00cdac);
}

.nav-link {
    font-size: 16px;
    margin: 3px;
    color: #fff!important;
    font-weight: 500;
}

.navbar-nav{
    text-align:right;
    margin-right: 20px
}

.menu-bar .navbar-toggler{
    padding-left: 20px;
    padding-right: 20px;
    outline: none!important;
    border: none!important;
}

.navbar .fa {
    color:#fff!important;
    font-size: 26px;
}

.nav-link:hover {
    font-weight:500;
    border-bottom: 1px solid #fff;
}

.navbar-brand {
    padding-left: 20px;
    color: #fff!important;
    font-size: 26px;
}


.centerblock{ 
    position: absolute;
    top: 75px; 
    left: 500px; 
    padding-top: 100px; 
} 
 
.square{ 
    position: absolute;
    width: 400px; 
    height: 300px; 
    opacity: 0.7;
    Background-color: #fff; 
} 
h4{
    font-size: 50px;
    line-height: 1.8;
    position: absolute;
    top: 60px;
    left: 60px;
    width: 400px;
    height: 400px;
    word-wrap: break-word;
    white-space: normal;
}

h2{
    top:100px
}

.issuer-square{ 
    position: absolute;
    width: 400px; 
    height: 300px; 
    opacity: 0.7;
    top: 60px;
    left: 60px;
    Background-color: #c00;
} 

.square2{ 
    position: absolute;
    width: 400px; 
    height: 300px; 
    opacity: 0.7;
    Background-color: rgb(201, 87, 87); 
}