<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/1.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>전국 101개 기관 실사 중입니다.</h1> 
            <h1>기관에서 법률적으로 어려운 상황에 있는 곳들이 이미 동천에서 많은 도움을 받았더라구요.</h1> 
            <h1>작은 목소리에 귀 기울이시는 동천의 모습을 배워갑니다 축하드려요 !!!</h1>
<p>
<h2>한국타이어나눔재단 강혁 사무국장</h2> -->
       
        </div>
        <div class="img-cover"></div>
    </div>
</body>
</html>