body    {
    background: #293241;
    color: whitesmoke;
 }
 
 .img-fluid {
    height: 20rem;
    width: 35rem;
    margin: 40px auto 0 auto;
    border-radius: 25px
 }
 
 a {
    color: whitesmoke;
    
 }
 
 .navbar-brand {
    font-family: 'Yesteryear', cursive;
    font-size: 2.5em;
 }

 .nav-link  {
    font-size: 1.25em;
 }
 
  .navbar.scrolled {
    background: #3d5a80;
    transition: background 500ms;
}

 .services:hover .title span {
   display: none;
 }

 .services:hover .title:after{
    content: "インストールガイド";
    transition: all 500ms ease-in-out;
 }