webionite.com-old/index.css

86 lines
1.1 KiB
CSS

@font-face {
font-family: 'Transformers';
src: url('fonts/transformers.ttf');
}
@font-face {
font-family: 'Lato';
src: url('fonts/lato.ttf');
}
body {
margin: 0;
background-color: #0b0a16;
color: #FFF;
font-size: 100%;
font-family: 'Lato', sans-serif;
}
a, a:visited {
color: #FFF;
}
a:hover {
color: #CCC;
}
.container {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100vh;
padding: 20%;
box-sizing: border-box;
font-size: 1.2em;
}
.container .img {
/* display: flex; */
margin-bottom: 1em;
width: 100%;
}
.img img {
border-radius: 50%;
width: 20%;
}
.links {
display: flex;
width: 100%;
justify-content: space-evenly;
font-size: 4em;
margin-top: 0.5 em;
}
.header {
margin: 1em 0;
}
h1 {
font-family: 'Transformers', cursive;
font-size: 2.5em;
margin: 0;
}
h2 {
font-size: 1.5em;
margin: 0;
}
@media (max-width: 720px) {
.container .img img {
margin: 0.5em;
}
.img img {
width: 45%;
}
.links {
font-size: 2em;
}
}