*{
 margin : 0;
 padding: 0;
 box-sizing: border-box;
}

body {
    font-family: SF pro Rounded,sans-serif,pretendard;
    font-size: 15pt;
    line-height: 135%;
    word-break: keep-all;
    padding: 30px;
    overflow: hidden;
}

    .container {
      display: flex;
      height: 100vh;
    }

    .About, .credit {
      padding-top: 10px;
      padding-right: 10%;
    }

    .info {
      width: 20%;
      position: relative;
		    font-family: SF pro Rounded, sans-serif;
		    font-size: 25pt;
		    line-height: 135%;
		    word-break: keep-all;
    }

    .info p {
      position: absolute;
 /*   top: 20px;
      left: 20px;*/  
    }

    .About{
      width: 50%;
      overflow-y: auto;
    }

    .credit {
      width: 40%;
      /*display: flex;*/
      justify-content: flex-start;
      align-items: flex-start;
    }

    table {
      border-collapse: collapse;
      width: 100%;
    }

    th {
      border-bottom: 0px solid #000000;
      text-align: left;
      font-weight: normal;
    }


p {
	padding-bottom: 40px;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
  transform: rotate(-4deg);
}


footer {
	font-size: 15px;
	position: absolute;
	bottom: 15px;
	width:100%;
}


@media only screen and (max-width: 600px) {
  
  body {
    font-size: 15px
    }

   footer {
   	font-size: 10px;
   }
}