fix: shit not centered

This commit is contained in:
2022-09-27 16:13:00 +02:00
parent 80f5694049
commit 5c987b01f7
2 changed files with 33 additions and 29 deletions

View File

@@ -19,9 +19,11 @@
<h1 id="h11">mariagv</h1>
<h3>osu! player and anime watcher who likes doing cool stuff.</h3>
<center><img src="./ventidestruction.JPG" id="venti"></center>
<br>
<a id="tiktok"href=https://www.tiktok.com/@mgvks><i class="fa-brands fa-tiktok"> mgvks</i></a>
<a id="github" href=https://github.com/mgvks><i class="fa-brands fa-github"> mgvks</i></a></p>
<a id="osu"href="https://osu.ppy.sh/users/22362151"><i class="fa-solid fa-circle">mgvks</i></a>
<a id="github" href=https://github.com/mgvks><i class="fa-brands fa-github"> mgvks</i></a>
<br>
<a id="osu" href="https://osu.ppy.sh/users/22362151"><i class="fa-solid fa-circle"> mgvks</i></a>
</body>
</html>

View File

@@ -1,38 +1,40 @@
body {
font-family: 'Overpass-mono', monospace;
src: local(Overpass-mono);
margin-top: 240px;
text-align: center;
color:rgb(200, 202, 224);
background-color:rgb(30, 34, 65);
font-family: "Overpass-mono", monospace;
src: local(Overpass-mono);
text-align: center;
color: rgb(200, 202, 224);
background-color: rgb(30, 34, 65);
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
h1{
text-shadow: 2px -2px 0px rgb(81, 86, 140);
h1 {
text-shadow: 2px -2px 0px rgb(81, 86, 140);
}
#venti {
margin-bottom: 30px;
width: 15%;
box-shadow: 5px -5px 4px rgb(46, 50, 79);
width: 40%;
box-shadow: 5px -5px 4px rgb(46, 50, 79);
}
h3{
text-shadow: 1px -2px 0px rgb(81, 86, 140);
h3 {
text-shadow: 1px -2px 0px rgb(81, 86, 140);
}
#osu{
color:rgb(207, 190, 223);
#osu {
color: rgb(207, 190, 223);
}
#osu:hover{
color:rgb(255, 102, 204);
#osu:hover {
color: rgb(255, 102, 204);
}
#tiktok{
color:rgb(207, 190, 223);
#tiktok {
color: rgb(207, 190, 223);
}
#tiktok:hover{
color:rgb(121, 27, 26);
#tiktok:hover {
color: rgb(121, 27, 26);
}
#github{
color:rgb(207, 190, 223);
#github {
color: rgb(207, 190, 223);
}
#github:hover{
color:rgb(53, 59, 121);
#github:hover {
color: rgb(53, 59, 121);
}