Delete old site, add a circle pfp and fix issue.
This commit is contained in:
parent
1e5d51a46b
commit
78c0838067
13 changed files with 33 additions and 94 deletions
19
css/main.css
19
css/main.css
|
|
@ -3,14 +3,33 @@ html {
|
|||
margin: auto;
|
||||
width: 80%;
|
||||
background-color: #131316;
|
||||
padding: 70px;
|
||||
max-width: 1000px;
|
||||
height: 80vh;
|
||||
position: relative; /* Add this to allow absolute positioning of the circle element */
|
||||
}
|
||||
b {
|
||||
color: #ffffff;
|
||||
font-size: 15px;
|
||||
}
|
||||
middle {
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
.circle {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background-color: #000000;
|
||||
border: 10px solid #1f2025;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 5%; /* Adjust the top and left properties to position the circle */
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 1; /* Set a higher z-index to ensure the circle appears on top of the square */
|
||||
background-image: url("/img/d301d.png"); /* Add this line to set the image */
|
||||
background-size: cover; /* Add this line to ensure the image covers the circle */
|
||||
}
|
||||
body {
|
||||
background-color: #1f2024;
|
||||
box-shadow: 0px 0px 15px #000000;
|
||||
|
|
|
|||
Reference in a new issue