update przylozlegitke css

mapka/STUDENT/przylozlegitke.css

@@ -1,19 +1,17 @@
 body {
-    background: rgb(210, 218, 231);
+  background-color: #f8fafc;
 }
 
 .wrapper {
     margin: 0 auto;
     display: inline-block;
-    background-color: rgba(159, 183, 218, 0.856);
-    border-radius: 10px;
+    padding: 20px;
     width: 70%;
     height:60vh;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
-
 }
 
 .czytnik {
@@ -21,49 +19,50 @@ body {
     text-align: center;
     position: absolute;
     left: 50%;
-    bottom: -20%;
+    bottom: -30%;
     transform: translate(-50%, -10%);
-    background-color: rgba(139, 152, 172, 0.856);
-    padding: 30px 80px;
-    font-family: monospace;
+    color: #fff;
+    background-color: #3490dc;
+    border-color: #3490dc;
+    padding: 50px 100px;
+    font: 400 13.3333px Arial;
     font-size: 30px;
+    font-weight: 400;
 }
 
 .czytnik:hover {
     box-shadow: 0 0 rgb(103, 88, 184);
-    background-color: #3654c9;
-    cursor: progress;
+    color: #fff;
+    background-color: #227dc7;
+    border-color: #2176bd;
 }
 
 .main-text {
-    
-    font-family:  "Oswald", Tahoma, sans-serif;
-    font-display: bold;
     text-transform: uppercase;
-	letter-spacing: .15em;
-	display: inline-block;
-  	text-shadow: 0 0 80px rgba(255,255,255,.5);
-    color: #1C1C1C;
+    font-family: 'Nunito', sans-serif;
+    font-weight: 500;
+  	text-shadow: 0 0 2px rgba(56, 55, 55, 0.6);
+    color: #636b6f;
     text-align: center;
-    line-height: 15vh;
-    font-size: 11vh;
-    height: 10%;
+    font-size: 12vh;
 }
 
 @media (max-width: 1300px) {
-    .main-text {
-      font-size: 7.5vh;
+    .wrapper {
+      height: 50%;
+  }  
+  .main-text {
+      font-size: 9vh;
       width: 100%;
     }
-
   }
 
-  @media (max-width: 900px) {
+  @media (max-width: 870px) {
     .wrapper {
-        height: 40%;
+        height: 35%;
     }
     .main-text {
-      font-size: 3.3em;
+      font-size: 3.5em;
       line-height: 10vh;
       width: 100%;
     }
@@ -74,17 +73,16 @@ body {
         padding: 30px 50px;
         font-size: 25px;
     }
-
   }
 
   @media (max-width: 650px) {
-
     .wrapper {
         height: 30%;
     }
     .main-text {
-      font-size: 2.1em;
+      font-size: 2.7em;
       line-height: 6vh;
       width: 100%;
         padding: 20px 0;
     }
+}

mapka/STUDENT/przylozlegitke.html

@@ -9,6 +9,7 @@
     <script type="text/javascript" src="jquery.seat-charts.min.js"></script>
     <link rel="stylesheet" type="text/css" href="przylozlegitke.css">
     <script type="text/javascript" src="przylozlegitke.js"></script>
+    <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
     <title>@CHECK</title>
   </head>