*{
			margin:0;
			padding: 0;
			box-sizing: border-box;
			font-size: 100%;
			font-weight: ;
background-color: whitesmoke;
}

	p {
		font-family: "Gowun Batang", sans-serif;
		border: 0px solid;
		margin: 50px 20px 20px 20px;
		font-size: 12px;
		font-weight: bolder;
width: 350px;
		line-height: 1.8;
		word-break: keep-all;

}

h1 {
font-family: "times-new-roman", sans-serif;
font-size: 12px;
font-weight:;
font-style: normal;
margin: 50px 20px 0px 30px;


}

h2{
	font-family: "Gowun Batang", sans-serif;
		border: 0px solid;
		margin: 0px 20px 0px 20px;
		font-size: 10px;
		font-weight: bolder;
width: 350px;
		line-height: 1.8;
		word-break: keep-all;
}

.photo {
	margin: 20px;
	gap: 10px;
	display: flex;
	flex-flow: wrap;
	justify-content: left;
	align-items: flex-start;
}
.photo2 {
	margin: 20px;
	gap: 10px;
	display: flex;
	flex-flow: wrap;
	justify-content: left;
	align-items: flex-start;
}
.photo3 {
	margin: 10px 0px 20px 20px;
	gap: 10px;
	display: flex;
	flex-flow: wrap;
	justify-content: left;
	align-items: flex-start;
}

img {
	margin: 0;
border: 0px solid;
height: auto;
max-height: auto;
}

.photo2 img{
margin: ;
border: 0px solid;
max-height: auto;
}

.photo3 img{
margin: ;
border: 0px solid;
width: 200px;
max-height: auto;

}

a {
  color: #1a73e8;            /* 일반(방문 전) 링크 색 */  
  text-decoration: ;     /* 밑줄 제거(선택사항) */
}
  .hey a {
  display: inline-block;    /* 블록 레벨이지만 줄 내부에서 동작 */
  white-space: nowrap;      /* 줄 바꿈 방지 */

}

a:hover {
  color: #e37400;            /* 주황색 */
}
.photo2 img:nth-child(1) {	width: 200px; }
.photo2 img:nth-child(2) {	width: 120px; }


.photo img:nth-child(1) {	width: 400px; }
.photo img:nth-child(2) {	width: 250px; }
.photo img:nth-child(3) {	width: 250px; }
.photo img:nth-child(4) {	width: 200px; }

        body {
            height: fit-content;
            position: relative; /* Make sure leaves are positioned relative to the body */
        }

        .leaf {
            position: absolute;
            top: -50px; /* Start from the top */
            font-size: 24px; /* Size of the leaf */
            color: blue; /* Color of the leaf */
            animation: spin linear infinite; /* Add spinning animation */
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }