@font-face {
    font-family: outline;
    src: url(/assets/font/outline.otf);
}

@font-face {
    font-family: body-font;
    src: url(/assets/font/CircularStd-Book.woff);
}

@font-face {
    font-family: bold-font;
    src: url(/assets/font/CircularStd-Bold.woff);
}

.card-change{
    background-color: white;
    box-shadow: 0px 10px 20px rgb(219, 219, 219);
    transition: ease-in-out 1s!important;
    -webkit-transition: ease-in-out 1s!important;
  
}

.card-change:hover{
    background-color: black;
    animation: mymove 1s ;
    color: white;
}

@keyframes mymove {
    from {background-color: rgb(255, 255, 255);}
    to {background-color: rgb(0, 0, 0);}
  }
  
.font-change{
    color: rgb(0, 0, 0);
    transition: ease-in-out 1s!important;
    -webkit-transition: ease-in-out 0.5s!important;
}

.font-change:hover{
  
    color: white!important;
}

.caps{
    font-family: outline;
    font-size: 150px!important;
    color: rgb(240, 240, 240);
    overflow-x: hidden;
}

.caps:hover{
   
    color: white!important;
}

.bld{
    font-family: bold-font;
    font-size: x-large;
}