diff --git a/contact.css b/contact.css index 5faaffd..395c074 100644 --- a/contact.css +++ b/contact.css @@ -59,11 +59,13 @@ button{ .contact-box{ display: flex; + margin-right: 10px; } .contact-left{ flex-basis: 60%; - padding: 4px 60px; + padding: 40px 60px; flex-wrap: column; + margin-left: 50px; } .contact-left h3{ color: #315A20; @@ -94,6 +96,9 @@ button{ color:rgba(202, 228, 197, 1); width:420px; height: 115px; + width: 70%; + margin-top: 50px; + } .contact-left button p { position: relative; @@ -107,9 +112,6 @@ button{ color:rgba(202, 228, 197, 1); } -.contact-left button { - width: 70%; -} #mailicon{ position: relative; top:0px; @@ -182,7 +184,7 @@ textarea{ position:relative; font-size: 20px; width:200px; - top:-40px; + top:-20px; left:-60px; } .contact-right button:hover { @@ -201,8 +203,8 @@ textarea{ background: #083358; } .join-left{ - flex-basis: 60%; - padding: 40px 180px; + flex-basis: 80%; + padding: 40px 200px; } .join-left h3{ color: #FFFFFF; @@ -236,7 +238,7 @@ textarea{ width:200px; font-size: 20px; transform: scale(1.25); - margin: 160px 0px; + margin: 120px -70px; } .join-right button:hover { background-color:inherit; @@ -258,7 +260,7 @@ textarea{ margin-top:150px; width: 100%; } - + .contact-left, .contact-right { position:relative; padding: 50px; @@ -273,7 +275,7 @@ textarea{ align-items: center; justify-content: center; } - + .contact-container h1, .contact-container img { font-size: 60px; line-height: 100px; @@ -300,12 +302,12 @@ textarea{ top:-50px; left:50px; } - + .contact-right button { position:relative; left: 20px; top: -10px; - + } .contact-left button { font-size: 18px; @@ -325,8 +327,8 @@ textarea{ top:-95px; } input, textarea { - width: 89%; - margin: 10px auto; + width: 89%; + margin: 10px auto; padding: 40px; border: 2px solid #1C3312; border-radius: 25px; @@ -353,8 +355,8 @@ textarea{ width: 90%; left: -50px - } - + } + } @media screen and (max-width: 768px) { @@ -390,7 +392,7 @@ textarea{ .contact-left h3, .join-left h3 { font-size: 35px; line-height: 45px; - text-align: center; + text-align: center; } .contact-left h4, .join-left h4 { font-size: 20px; @@ -444,7 +446,7 @@ textarea{ align-items: center; justify-content: center; } - + .contact-container img{ position: relative; width: 89px; @@ -472,7 +474,7 @@ textarea{ left: 25px; } - + .contact-left h4, .join-left h4 { font-size: 18px; line-height: 18px; @@ -521,7 +523,7 @@ textarea{ position: relative; } .contact-left button a { - font-size: 14.09px; + font-size: 14.09px; } }