@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


body{
    font-family: "Roboto", serif;
    font-optical-sizing: auto;
}

.app{

    display: block;
    margin: 20px auto;
    padding: 20px;
    

}


.container-div{
    display: flex;
    flex-direction: row;
}

.left-div{
    flex: 1;
}

.right-div{
    flex: 1;
}

.center-div{
    padding: 20px;
    flex:2
}

.seo-only{
    display: none;
}



.name{
    font-weight: bolder;
    font-size: 2rem;
    color:#023e8a;
    cursor: pointer;
}

.animeName{
    animation: colorChange 5s infinite;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


 @keyframes colorChange {
    0% {
        color: #023e8a;
      }
      50% {
        color: #7FDBFF; 
      }
      100% {
        color: #023e8a; 
      }
 }   



 .links{
    text-decoration: underline #7FDBFF;
    color: black;
    margin: auto 3px;
 }

 .links:hover{
    color: #7FDBFF;
 }


@media only screen  and (max-width: 600px) {
    .left-div{
        flex: 0;
        display: none;
    }
    
    .right-div{
        flex: 0;
        display: none;
    }
}