<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">    

  <style type="text/css"> 
   .img{
    position: relative;
    background-image: url(/10th/12.png);                                                               
    height: 100vh;
    background-size: cover;
}
.img-cover{
   position: absolute;
   height: 100%;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.4);                                                                 
   z-index:1;
}
.img .content{
     position: absolute;
     top:50%;
     left:50%;
     transform: translate(-50%, -50%);   
     font-family: 'Archivo Black', sans-serif;                                                           
     color: white;
     font-size: larger;
     z-index: 2;
     text-align: justify;
    padding: 30px;
    border: 5px solid white;   
}
.img .content h2{
     text-align: right;
}
  </style>
</head>
<body>  
    <div class="img">
        <div class="content">
            <h1>10주년을 축하 드립니다.</h1> 
            <h1>동천이 있어서 그 동안 든든했습니다.</h1> 
           <h1>앞으로도 공인과 인권의 지킴이가  되어 이 사회를 환하게 밝히는 동천이 되길 기원 드립니다.</h1> 

<p>
<h2>함께하는재단 탈북민취업지원센터 최경일 센터장</h2>
       
        </div>
        <div class="img-cover"></div>
    </div>
</body>
</html>