diff --git a/public/index.css b/public/index.css index b1284d5..6c9fe75 100644 --- a/public/index.css +++ b/public/index.css @@ -5,33 +5,47 @@ } div.video{ + height: 100dvh; + background-color: #000; width: 100%; display: flex; flex-direction: column; - justify-content: center; + justify-content: space-evenly; align-items: center; - + + margin-top: 40px; + @media (max-width: 500px) { + margin-top: 70px; + + } } div.video img{ - margin-top: 50px; - height: 30em; - width: 100%; - + max-width: 800px; + max-height: 500px; + border: #fff solid 2px; @media (max-width: 500px) { - margin-top: 80px; - + height: auto; + max-height: 500px; + max-width: 250px; } } div.video a { text-decoration: none; - color: #fff; - background-color: #000; + color: #000; + background-color: #fff; padding: 10px 20px; border-radius: 5px; font-size: 1.2rem; cursor: pointer; text-align: center; margin: 10px auto; + font-weight: bold; + @media (max-width: 500px) { + margin: 10px auto; + width: 50%; + font-size: 1rem; + + } } diff --git a/public/index.html b/public/index.html index 9ac91c7..f9dd9f6 100644 --- a/public/index.html +++ b/public/index.html @@ -135,7 +135,7 @@ --> - Register Here for PyWeek + Register Here