css 4차 수정

@@ -190,7 +190,7 @@ a:focus {
 }
 }
 
 
 .tm-hero-title {
 .tm-hero-title {
-  font-size: 2rem;
+  font-size: 40px;
   text-shadow: 2px 2px 2px #333;
   text-shadow: 2px 2px 2px #333;
 }
 }
 
 
@@ -492,7 +492,7 @@ iframe{
 .detail-answer-field {
 .detail-answer-field {
   display: grid;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr;
-  gap: 20px 30px;
+  gap: 20px 20px;
   grid-template-areas:
   grid-template-areas:
     "salary-field dish-field everest-field earth-field";
     "salary-field dish-field everest-field earth-field";
   grid-area: detail-answer-field;
   grid-area: detail-answer-field;

@@ -5,7 +5,7 @@
   <meta charset="UTF-8" />
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta http-equiv="X-UA-Compatible" content="ie=edge" />
   <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-  <title>The Town HTML CSS Template</title>
+  <title>TongGilMut</title>
   <link rel="stylesheet" href="fontawesome-5.5/css/all.min.css" />
   <link rel="stylesheet" href="fontawesome-5.5/css/all.min.css" />
   <link rel="stylesheet" href="slick/slick.css">
   <link rel="stylesheet" href="slick/slick.css">
   <link rel="stylesheet" href="slick/slick-theme.css">
   <link rel="stylesheet" href="slick/slick-theme.css">
@@ -113,8 +113,9 @@
       <div class="answer-grid-container">
       <div class="answer-grid-container">
         <div class="map" id="map" style="width:500px;height:300px;""></div>
         <div class="map" id="map" style="width:500px;height:300px;""></div>
         <div class="answer-field" style="width:300px;"><br><br>한번 갈 때마다 ...<br>
         <div class="answer-field" style="width:300px;"><br><br>한번 갈 때마다 ...<br>
-          <span class="answer-highlight">?</span> 시간 
-          <span class="answer-highlight">?</span> 분 <br>
+          <span class="answer-highlight" id="hour">?</span> 시간 
+          <span class="answer-highlight" id="min">?</span> 분 <br>
+          <span class="answer-highlight" id="dist">?</span> km <br>
         </div>
         </div>
 
 
         <div class="list-answer-field">
         <div class="list-answer-field">
@@ -537,7 +538,7 @@
 
 
       $(".button2").on('click', function (event) {
       $(".button2").on('click', function (event) {
         $('html, body').animate({
         $('html, body').animate({
-          scrollTop: $("#result").offset().top-50
+          scrollTop: $("#result").offset().top-10
         }, 400);
         }, 400);
       });
       });