94 lines
1.4 KiB
CSS
94 lines
1.4 KiB
CSS
/*
|
|
* Freed.place
|
|
* Version 3.0
|
|
* Copyright (c) 2025 FreedTapestry21
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: 'Jetbrains Mono';
|
|
src: local(''),
|
|
url('./fonts/jbmono.woff2')
|
|
}
|
|
|
|
:root {
|
|
--accent-color: #b4befe;
|
|
--accent-color-dark: #9198cd;
|
|
--background-color: #191724;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--background-color);
|
|
color: var(--accent-color);
|
|
font-family: Verdana, sans-serif;
|
|
}
|
|
|
|
p {font-size: 16px;}
|
|
h1 {font-size: 32px;}
|
|
h2 {font-size: 28px;}
|
|
h3 {font-size: 24px;}
|
|
h4 {font-size: 20px;}
|
|
|
|
/* Custom */
|
|
.center {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.img {
|
|
width: min(512px, 45%);
|
|
}
|
|
|
|
/* Menu */
|
|
.menu {
|
|
background-color: var(--accent-color);
|
|
color: var(--background-color);
|
|
|
|
width: 90%;
|
|
|
|
margin: auto;
|
|
}
|
|
|
|
.menu p {user-select: none; font-size: 20px;}
|
|
|
|
.menu a {
|
|
color: var(--background-color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.menu a:hover {
|
|
color: var(--accent-color);
|
|
background-color: var(--background-color);
|
|
}
|
|
|
|
.name {text-align: left; width: 45%;}
|
|
.index {text-align: right; width: 45%;}
|
|
|
|
/* Footer */
|
|
.footer {
|
|
background-color: var(--accent-color);
|
|
color: var(--background-color);
|
|
|
|
width: 90%;
|
|
|
|
margin: auto;
|
|
}
|
|
|
|
.footer p {font-size:12px;}
|
|
|
|
.info {text-align: left; width: 90%;}
|
|
|
|
/* Boxes */
|
|
.box {
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
.item {
|
|
padding: 10px;
|
|
width: 40%;
|
|
|
|
margin: auto;
|
|
}
|