Brume's website https://brume.ink
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

125 lines
1.8 KiB

@font-face {
font-family: 'ubuntu';
src: url('/fonts/Ubuntu-R.ttf');
}
@font-face {
font-family: 'comfortaa';
src: url('/fonts/Comfortaa_Thin.ttf');
}
@font-face {
font-family: 'MofC';
src: url('/fonts/MountainsofChristmas.ttf');
}
body {
background: linear-gradient(-72deg, rgb(96, 117, 150), rgb(36, 12, 59));
background-repeat: no-repeat;
background-size: cover;
min-height: 100vh;
margin: 0;
font-family: 'ubuntu';
}
.page-title {
font-family: 'MofC';
font-weight: 300;
font-size: 4em;
margin-top: 70px;
color: white;
@media screen and (max-width: 600px) {
font-size: 3em;
}
}
.section-title {
font-family: 'MofC';
font-weight: 300;
font-size: 6em;
margin-top: 70px;
color: white;
}
.center {
text-align: center;
}
.content-page {
margin: 16vw;
margin-top: 0vw;
margin-bottom: 5vw;
color: white;
font-size: 1em;
text-align: justify;
text-justify: inter-word;
@media screen and (max-width: 600px) {
margin: 10vw;
}
}
.image-outer {
@media screen and (min-width: 600px) {
padding: 0 8px 8px 0;
width: 160px;
height: 160px;
float: left;
}
margin: auto;
}
.image {
width: 100%;
height: 100%;
display: grid;
}
.img-center {
margin: auto;
}
.img-mail {
max-width: 100%;
height: auto;
margin: auto;
margin-top : 3vw;
}
.link {
color: #A3E5FF;
font-weight: 600;
pointer-events: auto;
}
.dark-link {
color: #2BA5D5;
font-weight: 600;
}
.button {
text-decoration:none;
border-radius: 5px;
font-size:18px;
font-weight:bold;
padding:5px 15px;
line-height:32px;
height: auto;
display:inline-block;
text-align:center;
background-color: #6a72b7;
transition: background-color 0.3s ease-in-out;
color : white;
}
.button:hover {
background-color: #8D97EA;
}
.mp3 {
margin-top: 30px;
margin-bottom: 30px;
margin-left: 15%;
margin-right: 15%;
width: 70%;
}