maggie/meow
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update style.css

Browse source
This commit is contained in:
мекатів 2024-01-17 21:52:12 +02:00 committed by GitHub
parent ad649f9fa4
commit d324d59ac4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 63 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
style.css
View file

@ -2,24 +2,21 @@ body{
background-color: #24273a; background-color: #24273a;
color: #cad3f5; color: #cad3f5;
font-family: 'Open Sans'; font-family: 'Open Sans';
} }
.top { .top {
display: inline-block; display: inline-block;
margin-left: 10rem; margin-left: 10rem;
} }
h1 { h1 {
margin-left: 1rem; margin-left: 1rem;
} }
.pfp { .pfp {
border-radius: 50%; border-radius: 50%;
padding: 1rem; padding: 1rem;
float: none; float: none;
transition: 0.3s; transition: 0.3s;
position: absolute position: absolute
} }
.pfp:hover { .pfp:hover {
scale: 125%; scale: 125%;
@ -31,34 +28,25 @@ p{
h3 { h3 {
margin-top: 4rem; margin-top: 4rem;
} }
.logo{ .logo,
top: rem; .logo2 {
margin-left: 1rem; width: 2rem;
float: left; float: left;
position: relative; position: relative;
transition: 0.3s; transition: 0.3s;
} }
.logo2{ .logo:hover,
margin-left: 2rem;
position: relative;
float: none;
transition: 0.3s;
}
.logo:hover{
background-color: #b7bdf8;
padding: 5px;
scale: 125%;
border-radius: 10px;
transition: 0.3s;
content: url(catpdiscordhover.png);
}
.logo2:hover { .logo2:hover {
background-color: #b7bdf8; background-color: #b7bdf8;
padding: 5px; padding: 5px;
scale: 125%; scale: 125%;
border-radius: 10px; border-radius: 10px;
transition: 0.3s; transition: 0.3s;
}
.logo:hover {
content: url(catpdiscordhover.png);
}
.logo2:hover {
content: url(catpghover.png); content: url(catpghover.png);
} }
h4 { h4 {
@ -73,3 +61,16 @@ a:link{
a:visited { a:visited {
color: #b7bdf8; color: #b7bdf8;
} }
.buttons {
margin-left: 1rem;
height: 4rem;
display:flex;
justify-content: flex-start;
align-items: center;
}
.buttons .btn {
width: 3rem;
display: flex;
justify-content: center;
}