97 lines
1.3 KiB
SCSS
Executable File
97 lines
1.3 KiB
SCSS
Executable File
$wave_blue1: #2d4f67;
|
|
$autumn_red: #c34043;
|
|
$peach_red: #ff5d62;
|
|
$autumn_green: #66946a;
|
|
$carp_yellow: #e6c384;
|
|
$crystal_blue: #7e9cd8;
|
|
$oni_violet: #957fb8;
|
|
$fuji_white: #dcd7ba;
|
|
$sumi_ink0: #16161d;
|
|
$sumi_ink1: #1F1F28;
|
|
$sumi_ink4: #54546d;
|
|
$winter_blue: #252535;
|
|
|
|
|
|
* {
|
|
font-family: Helvetica;
|
|
}
|
|
|
|
.top_bar {
|
|
background-color: $sumi_ink0;
|
|
padding: 1px;
|
|
}
|
|
|
|
.column {
|
|
float: left;
|
|
width: 90%;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.content-box {
|
|
background-color: rgba(31, 31, 40, 0.7);
|
|
border-radius: 10px;
|
|
padding: 10px;
|
|
width: 80%;
|
|
margin: 10px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.icon-group {
|
|
display: flex;
|
|
}
|
|
|
|
.icon {
|
|
border-radius: 10px;
|
|
width: 100px;
|
|
height: 100px;
|
|
margin: 15px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.icon-text {
|
|
margin-top: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.profile_picture {
|
|
//border-radius: 50%;
|
|
width: 100%;
|
|
//border-style: solid;
|
|
//border-color: $peach_red;
|
|
//border-width: 3px;
|
|
}
|
|
|
|
h1 {
|
|
color: $crystal_blue;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
padding: 10px 0px;
|
|
}
|
|
|
|
h2 {
|
|
color: $peach_red;
|
|
}
|
|
|
|
p {
|
|
color: $fuji_white;
|
|
}
|
|
|
|
|
|
body {
|
|
background-image: url("PerfectSunrise.jpg");
|
|
background-size: auto 150%;
|
|
background-repeat: no-repeat;
|
|
margin: 0px;
|
|
}
|
|
|
|
a:link {
|
|
color: $crystal_blue;
|
|
}
|
|
|
|
a:visited {
|
|
color: $oni_violet;
|
|
}
|