Make iframes more responsive

Author: hayleyw7

src/contact.html

@@ -7,8 +7,6 @@
 <h1>Contact</h1>
 
 <iframe class="contact-form"
-src="https://docs.google.com/forms/d/e/1FAIpQLSendg9Er7RWxs1AAUPJ7pL6K-QwXfz6uKZFKIXzG1nCiXRrvQ/viewform?embedded=true" frameborder="0"
-marginheight="0"
-marginwidth="0">
-  Loading form...
+src="https://docs.google.com/forms/d/e/1FAIpQLSendg9Er7RWxs1AAUPJ7pL6K-QwXfz6uKZFKIXzG1nCiXRrvQ/viewform?embedded=true&showTitle=0" frameborder="0">
+  Loading Google Form...
 </iframe>

src/events.html

@@ -9,4 +9,6 @@ <h1>Events</h1>
   class="calendar"
   src="https://calendar.google.com/calendar/embed?&showCalendars=0&showPrint=0&showDate=0&showNav=0&showTitle=0&src=bmRpdGNvbW11bml0eUBnbWFpbC5jb20&src=YWRkcmVzc2Jvb2sjY29udGFjdHNAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t"
   scrolling="no"
-></iframe>
+>
+  Loading Google Calendar...
+</iframe>

src/styles/style.css

@@ -495,9 +495,16 @@ body.day-mode footer {
   }
 
   .calendar {
-    width: 17rem;
+    width: 19rem;
     min-height: 17rem;
     margin-top: 0.8rem;
     height: auto;
+    margin-left: -1rem;
+    transform: scale(0.9);
+    transform-origin: top center;
+  }
+
+  .contact-form {
+    height: 50rem;
   }
 }