tsaibar/css/main.css

73 lines
1.1 KiB
CSS
Raw Normal View History

2024-09-01 19:51:58 +00:00
:root {
2024-09-08 21:38:18 +00:00
--black: #000501;
2024-09-01 19:51:58 +00:00
--white: #F9F9F9;
--yellow: #EFEA5A;
--green: #16DB93;
}
* {
box-sizing: border-box;
}
html, body {
padding: 0;
margin: 0;
width: 100vw;
height: 100vh;
overflow-x: hidden;
2024-09-08 21:38:18 +00:00
background-color: var(--black);
2024-09-01 19:51:58 +00:00
}
header {
background-color: var(--yellow);
color: var(--black);
2024-09-08 21:38:18 +00:00
font-size: 90px;
padding: 20px 0 20px 0;
2024-09-01 19:51:58 +00:00
text-align: center;
2024-09-08 21:38:18 +00:00
font-weight: 800;
position: relative;
font-family: 'Brush Script MT', cursive;
2024-09-01 19:51:58 +00:00
}
main {
2024-09-08 21:38:18 +00:00
border: 5px solid var(--yellow);
border-top: none;
2024-09-01 19:51:58 +00:00
color: var(--white);
padding: 42px;
2024-09-08 21:38:18 +00:00
font-family: 'Courier New', monospace;
2024-09-01 19:51:58 +00:00
}
header, main {
max-width: 1024px;
margin: auto;
}
main a, main a:visited {
color: var(--green);
text-decoration: none;
}
main a:hover {
2024-09-08 21:38:18 +00:00
border-bottom: 2px solid var(--green);
}
main address {
display: flex;
justify-content: space-around;
}
main ul {
list-style-type: '🤍 ';
}
main ul li {
padding: 2px 0 2px 0;
}
main section#socials {
line-height: 200%;
}
td {
padding: 5px;
2024-09-01 19:51:58 +00:00
}