Mobile style tweaks.:
This commit is contained in:
parent
e95ab5740f
commit
3622894dfb
1 changed files with 12 additions and 0 deletions
12
style.css
12
style.css
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue