@font-face {
    font-family: 'HakgyoansimBareondotumB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareondotumB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            overflow: hidden;
            font-size: 15px;
            font-family: neue-haas-unica, sans-serif;
            font-weight: 400;
            font-style: normal;
            color: orangered;


        }



        table {
          width: 100%;
          margin: auto;
          margin-top: 20px;
          margin-bottom: 50px;
          text-align: left;
          border-top: 0;
        }

        a {
          text-decoration: underline;  
          font-style: italic;
          color: inherit; 
        }

        table a {
            text-decoration: none;  
          font-style: normal;
          color: inherit; 
      }

        hr {
          border: none;           
          height: 1px;           
          background-color: orangered; 
          margin: 15px 0;         
        }




        table tr:hover {
         background: linear-gradient(to bottom, lawngreen, white);        }

        table, tr, td, th {
          border-top: 1px solid orangered;

          border-collapse: collapse;
          padding: 10px;
        }


        iframe {
          width: 100%;
          height: 300px;
          border: none;
          display: block;
          margin: 20px 0;



        }




        .third {
            position: absolute;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 20px;
            scrollbar-width: none;      /* Firefox */
            -ms-overflow-style: none;   /* IE, Edge */
        }

        .left {
            background-color: white;
            width: 30%;
            left:0;
            border-right: 1px solid orangered;
            overflow-y: hidden;
            background-color: white;
        }
        .center {
            background-color: white;
            left: 30%;
            width: 40%;
            border-right: 1px solid orangered;
        }

        .right {
            overflow-y: hidden;
            background-color: white;
            left: 70%;
            width: 30%;

        }

        .content {
            height: 200%;
        }

        h2 {
font-family: t26-carbon, monospace;
font-weight: 100;
font-style: italic;
        text-align: center;
            
        }

        p {
            padding-top: 20px;
            padding-: 20px;
        }

        img {
            width: 100%;
            
        }

        .img-container {
            display: flex;
            justify-content: center;
        }

        .birdcalls {
            width: 100px;
            vertical-align: top;
            margin: 5px;
        }

            a:target {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding-top: 50px;
            text-align: center;
            overflow-y: auto;
          }

        [id] {
          scroll-margin-top: 18px;
        }
        @media screen and (max-width: 704px) {

}