55 lines
813 B
CSS
55 lines
813 B
CSS
.account-buttons {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.account-buttons a {
|
|
display: flex;
|
|
|
|
font-size: 1.5vw;
|
|
transition: color 0.2s ease-in;
|
|
|
|
width: 20vw;
|
|
|
|
margin-top: 2vw;
|
|
}
|
|
|
|
.account-buttons a:hover {
|
|
color: black;
|
|
}
|
|
|
|
.hello-item-class {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.hello-item-class h1 {
|
|
font-size: 4vw;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.hello-item-class p {
|
|
font-size: 1.5vw;
|
|
}
|
|
|
|
@media only screen and (max-width: 800px) {
|
|
.account-buttons a {
|
|
font-size: 2.5vh;
|
|
width: 60vw;
|
|
margin-top: 3vh;
|
|
}
|
|
|
|
.hello-item-class h1 {
|
|
font-size: 5vh;
|
|
}
|
|
|
|
.hello-item-class p {
|
|
font-size: 2vh;
|
|
}
|
|
}
|