<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/6.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>동천에 있는 동안 공익활동의 발전을 체득할 수 있었습니다.</h1> 
            <h1>10주년을 축하드리며, 우리 아이들이 살아갈 좋은 세상을 만들어갈 수 있기를!</h1> 
<p>
<h2>제5기 태평양-동천 펠로우십 변호사 백민</h2>
       
        </div>
        <div class="img-cover"></div>
    </div>
</body>
</html>