Mobile style tweaks.:

This commit is contained in:
Marc Cataford 2018-04-21 01:01:19 -04:00
parent e95ab5740f
commit 3622894dfb

View file

@ -34,6 +34,7 @@ main {
#me { #me {
max-height: 60vh; max-height: 60vh;
max-width: 80vw;
border-radius: 50%; border-radius: 50%;
background-color: rgb(54, 193, 82); background-color: rgb(54, 193, 82);
@ -55,6 +56,8 @@ h1, h2 {
animation-fill-mode: forwards; animation-fill-mode: forwards;
transform: scale(0); transform: scale(0);
text-align: center;
} }
h1 { font-size: 1.6em; } h1 { font-size: 1.6em; }
@ -102,3 +105,12 @@ h2 span { color: rgb(54, 193, 82); font-weight: bold;}
0% { transform: translate(-50%, -50%) scale(0); } 0% { transform: translate(-50%, -50%) scale(0); }
100% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(1); }
} }
@media screen and (max-width: 360px) {
body {
overflow-x: hidden;
}
#links a svg.fa-3x {
font-size: 2em;
}
}