mirror of
https://github.com/robonen/metr.git
synced 2026-03-20 02:44:42 +00:00
123 lines
2.0 KiB
CSS
123 lines
2.0 KiB
CSS
/* Fonts */
|
|
|
|
@import url("@/assets/fonts/StapelS/style.css");
|
|
|
|
body {
|
|
margin: 0;
|
|
font-family: 'Inter', sans-serif;
|
|
background-color: rgba(124, 173, 201, 1);
|
|
font-size: 17px;
|
|
color: white;
|
|
background: black;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Main */
|
|
.main {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
/* Container */
|
|
.container {
|
|
width: 100%;
|
|
max-width: 1920px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* Intro */
|
|
.intro {
|
|
width: 100%;
|
|
height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding-top: 250px;
|
|
|
|
background-image: linear-gradient(to top, rgb(124, 173, 201, 1), rgb(94, 196, 242, 0.6)), url(
|
|
"@/assets/images/intro.jpg");
|
|
background-size: cover;
|
|
}
|
|
|
|
.main {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
margin: 0 10%;
|
|
}
|
|
|
|
.user__info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
/*justify-content: space-between;*/
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.user__logo {
|
|
border-radius: 50%;
|
|
width: 200px;
|
|
height: 200px;
|
|
padding-left: 20%;
|
|
margin: 0 auto;
|
|
|
|
background: url("@/assets/images/1.1.jpg") center
|
|
no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.user__logo > img{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
border-radius: 50%;
|
|
width: 120%;
|
|
height: 100%;
|
|
}
|
|
|
|
.username {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
/*.user__stat {*/
|
|
/* display: flex;*/
|
|
/* flex-direction: row;*/
|
|
/* margin: 2% 0 2% 5%;*/
|
|
/*}*/
|
|
|
|
/*.stars {*/
|
|
/* display: flex;*/
|
|
/* flex-direction: row;*/
|
|
/* margin-left: 5%;*/
|
|
/* padding-bottom: 1%;*/
|
|
/*}*/
|
|
|
|
.user__hrefs {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-items: left;
|
|
width: 110%;
|
|
padding-left: 5%;
|
|
}
|
|
|
|
.user__hrefs a{
|
|
text-decoration: none;
|
|
color: white;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
}
|
|
|