html{
    height:100%
}

body{
    background: url("https://images.unsplash.com/photo-1545065942-3a37886535d5?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80");
    height: 100vh;
    background-size:cover 100%;
    background-position:top 30% center;
    background-repeat: no-repeat ;  
    display: flex;
    flex-direction: column;
}

/* body{
    background-image: linear-gradient(black, white);
    width: 100%;
    height: 100px;
    background-size:100% cover;
    position: relative;
} */

.gradient{
    background:black;
    background-size: cover 100%;
    padding:0;
    /* background-position:bottom right ; */
    opacity: 0.4;
    height: 100vh;
    width: 100%;
    margin: 0;
    position:absolute;
    z-index: -1;
}

.content{
    flex-direction: column;
    color: blanchedalmond;
    display: flex;
    margin:0 10px;
    height: 100%;
    justify-content: center;
    align-items: center; 
}

 
h2{
    text-shadow:1px 3px 5px black;
    border: 4px solid;
    /* border-right:2px solid rgba(0, 255, 255, 0.7); */
    padding: 18px;
    margin-bottom: 15px;
    /* display: inline-flex; */
}

h2:hover{
    box-shadow:1px 3px 5px black ;
    transition-duration: 400ms;
}

span{
    color:rgba(0,255,255,0.7);
    height: 100%;
    border:2px solid rgba(0,255,255,0.7);
    padding: 2px;
    /* box-shadow:1px 2px 3px black ; */
}

span:hover{
    box-shadow:1px 2px 3px black ;
    transition-duration: 400ms;
}

.btn-info{
    background-color: rgba(0,255,255,0.7);
    border-radius: 0;
}

.btn-outline-light{
    /* background-color: blanchedalmond; */
    border-color: blanchedalmond;
    color: blanchedalmond;
    border-radius: 0;
}

.btn-outline-light:hover{
    background-color: blanchedalmond;
}

.bgn{
    margin-top: 10px;
    font-size: 2em;
}

p a{
    text-decoration: none;
    color:inherit;
}

.fs-6{
    margin-bottom: 2px;
    opacity: 0.8;
}