.cormorant-garamond {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

/* ⚠️ 注意點
<uniquifier> 和 <weight> 是 Google Fonts 提示的「佔位符」，要換成你要的數字，例如：
.cormorant-garamond-regular（自訂 class 名）
font-weight: 400;（正常字重）
如果你只需要一個字體，通常不需要加 -<uniquifier>，直接取一個好記的 class 名就好。 */

a,h1,h2,h3 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 900;
  text-decoration: none;
  color: black;

}
p {
    font-weight: 900;
}

body {
    margin:0;
    padding:0;
    line-height: 2;
    scroll-behavior: smooth;
}

.box {
    padding: 5% 5%;
    background-image: url("assets/background.jpg");
    height: 100vh;
    width: 100vw;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    max-height: -webkit-fill-available;
    position: fixed
}

.box a {
    color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.box .container {
    position:fixed;
    bottom: 5%;
    left: 5%;
}

.title {
    font-size: xx-large;
    text-decoration: none;
    color: black;
    margin: 0 auto;
}

.title:hover {
    border-bottom: 3px solid black;
}

.portrait {
    margin: 0 auto;
    /* display: block; */
    height: 100vh;
    width: 100vw;
    object-fit: contain;    
}

.container {
    max-width: 100%;
    margin: 0 auto;
}

.plan_box {
    padding: 5% 5%;
    background-image: url("assets/plan_background.jpg");
    /* height: 100vh; */
    width: 100vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    max-height: -webkit-fill-available;
}
.plan_box a,p{
    color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}