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