@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');


.sky-gazing-wrapper{
    background-color:rgba(0, 0, 0, 0.479);
    color: white;
    padding: 0 1% 0 1%;
    font-family: 'Rubik', sans-serif;
    padding-bottom:5rem ;

    
}
.sky-gazing-wrapper h1{
    text-align: center;
    font-size:45px;
}
.content h2{
    text-align: center;
    font-size:30px;
}
.content p{
    font-size: 20px;
}
.carousel{
    padding:0 20% 0 20%;
}
.carousel img{
    height:45vw!important;
}
.content{
    margin-left: 20%;
    text-align: justify;
    margin-right: 20%;
}

@media screen and (max-width:768px){
    .content{
        margin-left: 10%;
        margin-right: 10%;
    }
}