srizan/archived-Pagina-web-de-noobie
1
0
Fork 0
mirror of https://github.com/SrIzan10/Pagina-web-de-noobie.git synced 2026-05-01 10:55:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: shit not centered

Browse Source
This commit is contained in:
SrIzan10
2022-09-27 16:13:00 +02:00
parent 80f5694049
commit 5c987b01f7
2 changed files with 33 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

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

56
style.css
View File

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