137 lines
1.7 KiB
CSS
137 lines
1.7 KiB
CSS
@import "mocha.css";
|
|
|
|
:root
|
|
{
|
|
--bg: var(--base00);
|
|
--container: var(--base02);
|
|
--text: var(--base07);
|
|
--link: var(--base0D);
|
|
--linkHover: var(--base09);
|
|
}
|
|
|
|
*
|
|
{
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*::-webkit-scrollbar
|
|
{
|
|
background-color: transparent;
|
|
width: 1rem;
|
|
}
|
|
|
|
*::-webkit-scrollbar-track
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb
|
|
{
|
|
border-radius: 20px;
|
|
border: 4px solid transparent;
|
|
background-color: var(--base04);
|
|
background-clip: content-box;
|
|
}
|
|
|
|
@font-face
|
|
{
|
|
font-family: Aller;
|
|
src: url("../font/Aller.ttf");
|
|
}
|
|
|
|
body
|
|
{
|
|
margin: 2rem 2rem;
|
|
background-color: var(--bg);
|
|
color: var(--text);
|
|
font-size: 16px;
|
|
font-family: Aller;
|
|
}
|
|
|
|
a
|
|
{
|
|
color: var(--text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited
|
|
{
|
|
color: var(--text);
|
|
}
|
|
|
|
a:hover
|
|
{
|
|
color: var(--linkHover);
|
|
}
|
|
|
|
#container
|
|
{
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 50px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
#containerTop
|
|
{
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 15px;
|
|
}
|
|
|
|
#icon
|
|
{
|
|
width: 50px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
#containerTopText
|
|
{
|
|
line-height: 50px;
|
|
text-align: center;
|
|
font-size: 32px;
|
|
font-weight: 750;
|
|
}
|
|
|
|
#containerBody
|
|
{
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 25px;
|
|
align-items: center;
|
|
}
|
|
|
|
#avatar
|
|
{
|
|
width: 250px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
#name
|
|
{
|
|
font-weight: 750;
|
|
font-size: 32px;
|
|
}
|
|
|
|
#containerBot
|
|
{
|
|
position: relative;
|
|
left: 5px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 25px;
|
|
}
|
|
|
|
.contact
|
|
{
|
|
width: 35px;
|
|
border-radius: 50%;
|
|
filter: contrast(125%);
|
|
transition: transform 0.2s;
|
|
}
|
|
|
|
.contact:hover
|
|
{
|
|
transform: scale(1.5);
|
|
} |