Adjust calendar div margin to fix overlap bug

Author: Sam-Bieberich

src/Calendar.js

@@ -5,7 +5,7 @@ function Calendar() {
     return (
         <main style={{ minHeight: 'calc(100vh - 300px)' }}>
             <h1 className ='header-section'><strong>Calendar</strong></h1>
-            <div style = {{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '80vh', marginTop: '-100px'}}>
+            <div style = {{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '80vh', marginTop: '20px'}}>
                 <iframe 
                 src = "https://calendar.google.com/calendar/embed?src=tamu.quantum%40gmail.com&ctz=America%2FChicago"
                 style = {{border: 0, marginBottom:'-50px'}}
@@ -21,4 +21,4 @@ function Calendar() {
     );
 }
 
-export default Calendar;
+export default Calendar;