* {
    margin: 0;

}

.container
{

}
/*.back-left, .back-right{*/
/*    background: url("../assets/logo-opacity-changed.png") ;*/
/*    background-repeat: repeat-y;*/
/*}*/
/*.back-left{*/
/*    height: 3000px;*/
/*    width: 550px;*/
/*    float: left;*/

/*}*/
/*.back-right{*/
/*    height:3000px;*/
/*    width:550px ;*/
/*    float: right;*/

/*}*/
svg {


}
.curved-cont-img{
    position: relative;
    top: 0;
    font-size: 18px;
    text-align: center;
    right: 0;
    background-color: white;
    width: auto;
    height: auto;

}
.home-img{
    width: 100%;
    position: absolute;
    height: 400px;
}
.img-text{
    background-color: #6dd47e;
    color: yellow;
    height: 50px;
    width: 200px;
    text-align: center;
    padding: 25px;
    position: absolute;
    left: 30%;
    bottom: 10%;
}
.body-div{
    background-color: #FFFDD0;
    width: 100%;
    height: 350px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    top: 3.2em;
}
.logo{
    position: absolute;
    height: inherit;
    width: 30%;
}
.intro{
    position: absolute;
    left: 30%;

}


hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.topnav {
    overflow: hidden;
    background-color: #ca1cef;

}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
   padding: 0.75em 2.25em;
    font-family: "Open Sans",serif;
    font-weight:700;
    

}

.topnav a:hover {
    background-color: #ddd;
    color: #000;
}

.topnav a.active {
    background-color: #1bccfe;
    color: white;
}

.topnav .icon {
    display: none;
}

@media (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    /*.topnav a {display: none;}*/
    .topnav a.icon {
        float: right;
        display: inline-block;
       
    }
    .topnav a:hover{
        background-color:#ca1cef ;
    }
}

@media  (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;

    }
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}