Add files via upload

danya1733 · Jul 12, 2023 · 6b38bde · 6b38bde
1 parent a4da7dd
commit 6b38bde
Showing 1 changed file with 24 additions and 4 deletions.
diff --git a/style.css b/style.css
@@ -38,7 +38,7 @@ body {
  justify-content: center;
  align-items: center;
  width: 80vw;
- padding: 10px;
+ padding: 15px;
  margin: 10px auto 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
@@ -57,11 +57,12 @@ body {
  margin: 10px 0 10px 0;
 }
 p{
- font-size: 21px;
+ font-size: 1.5vw;
 }
 
 .btn{
- padding: 10px;
+ font-size: 1.5vw;
+ padding: 0.6vw;
  border: 1px solid black;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
@@ -73,6 +74,10 @@ p{
  transition: ease-in-out 0.2s;
  cursor: pointer;
 }
+h1{
+ font-size: 2vw;
+}
+
 .btn:hover{
  background-color: #82eee5;
  color: #383030;
@@ -83,7 +88,7 @@ input{
  background-color: rgba(239, 138, 25, 0.56);
  color: #fff;
  border: 0;
- padding: 5px;
+ padding: 0.6vw;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
@@ -93,6 +98,7 @@ input{
  -o-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  cursor: pointer;
+ font-size: 1.3vw;
 }
 input:hover{
  background-color: rgba(130, 238, 229, 0.79);
@@ -104,11 +110,25 @@ input:focus{
  color: #000;
  transform: scale(1.05);
 }
+
+
 @media (max-width: 800px) {
  .now{
  width: 85vw;
  }
  .bzu{
  flex-direction: column;
  }
+ h1{
+ font-size: 7vw;
+ }
+ p{
+ font-size: 5vw;
+ }
+ input{
+ font-size: 4vw;
+ }
+ .btn{
+ font-size: 5vw;
+ }
 }