@charset "UTF-8";
.top {
    background-image: url(../img/top.png);
    background-size: cover;
}


.top {
    background-image: url(../img/風景写真.jpg);
 background-size: cover;
padding: 20%;
}

.title-Portfolio {
    font-size: 500%;
  }

  input[type="email"] {
    width: 600px;
    border: 3px solid#d8d8d8;
    font-size: 18px;
    display: block;
    margin: auto;
    padding: 15px;
    border-radius :999px;
    }

.exampleInputEail1 {
    font-weight: bold;
    font-size: 150%;
}

footer {
    background-color: rgb(1, 13, 248);
    color: #d8d8d8;
    padding: 20px 0;
}

.footer-title {
    font-size: 12px;
    float: right;
}

@font-face {font-family: 'my-font';

src: url(../fonts/ROLAchan-Regular.otf);}
.navbar-brand {
   font-family: 'my-font';
   font-weight: bold;
}