sageTheDm/pages
1
0
Fork 0
forked from interstellar_development/interstellar_website
Code Pull requests Activity

css code formater

Browse source
This commit is contained in:
sageTheDM 2025-01-05 01:16:38 +01:00
parent fa002e2786
commit 24d01959c1
6 changed files with 90 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

35
secret/guessMyNumber/styles.css
View file

@ -1,5 +1,6 @@
/* Base Reset */
body, html {
body,
html {
margin: 0;
padding: 0;
font-family: monospace;
@ -16,7 +17,7 @@ body, html {
width: 441px;
height: 735px;
border-radius: 20px;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.6);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
display: flex;
flex-direction: column;
align-items: center;
@ -24,7 +25,7 @@ body, html {
position: relative;
}
@media (max-width: 768px) {
@media(max-width: 768px) {
.gameboy {
width: 100vw;
height: 100vh;
@ -43,7 +44,7 @@ body, html {
display: flex;
justify-content: center;
align-items: center;
box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
@ -54,7 +55,7 @@ body, html {
/* Titles */
h1 {
font-size: 2rem; /* Increased font size */
font-size: 2rem; /* Increased font size */
margin-bottom: 10px;
text-transform: uppercase;
}
@ -64,22 +65,24 @@ h1 {
background-color: #9bbc0f;
color: #0f380f;
border: 2px solid #0f380f;
font-size: 2rem; /* Increased font size */
width: 80px; /* Increased width */
font-size: 2rem; /* Increased font size */
width: 80px; /* Increased width */
text-align: center;
margin: 10px auto;
padding: 10px; /* Increased padding */
padding: 10px; /* Increased padding */
border-radius: 4px;
}
/* Messages */
.message, .score, .highScore {
font-size: 1.4rem; /* Increased font size */
.message,
.score,
.highScore {
font-size: 1.4rem; /* Increased font size */
margin: 5px 0;
}
.description,
.description p{
.description p {
font-size: 1.2rem;
margin: 0 auto;
padding: 0 auto;
@ -97,8 +100,8 @@ h1 {
/* D-Pad */
.dpad {
position: relative;
width: 120px; /* Increased size */
height: 120px; /* Increased size */
width: 120px; /* Increased size */
height: 120px; /* Increased size */
}
/* Base Styling for D-Pad Buttons */
@ -110,7 +113,7 @@ h1 {
position: absolute;
width: 42px;
height: 42px;
font-size: 1.5rem; /* Increased size */
font-size: 1.5rem; /* Increased size */
display: flex;
justify-content: center;
align-items: center;
@ -161,7 +164,7 @@ h1 {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 140px; /* Increased height */
height: 140px; /* Increased height */
}
.btn {
@ -171,7 +174,7 @@ h1 {
border-radius: 50%;
width: 60px;
height: 60px;
font-size: 1.8rem; /* Increased font size */
font-size: 1.8rem; /* Increased font size */
cursor: pointer;
transition: transform 0.1s, background-color 0.2s;
}