Portfolio/index.css

86 lines
1.1 KiB
CSS
Raw Normal View History

@font-face {
font-family: 'Transformers';
src: url('fonts/transformers.ttf');
}
@font-face {
font-family: 'Lato';
src: url('fonts/lato.ttf');
}
2018-08-25 22:25:51 +02:00
body {
margin: 0;
background-color: #0b0a16;
color: #FFF;
font-size: 100%;
font-family: 'Lato', sans-serif;
2018-08-25 22:25:51 +02:00
}
a, a:visited {
color: #FFF;
}
a:hover {
color: #CCC;
}
.container {
text-align: center;
2018-08-25 22:25:51 +02:00
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;
2018-08-25 22:25:51 +02:00
}
2018-08-26 07:49:15 +02:00
.container .img {
2018-08-26 08:12:24 +02:00
/* display: flex; */
margin-bottom: 1em;
2018-08-26 08:12:24 +02:00
width: 100%;
2018-08-25 22:25:51 +02:00
}
2018-08-26 07:49:15 +02:00
.img img {
border-radius: 50%;
2018-08-26 08:12:24 +02:00
width: 20%;
2018-08-26 07:49:15 +02:00
}
2018-08-25 22:25:51 +02:00
.links {
display: flex;
width: 100%;
justify-content: space-evenly;
2018-08-25 22:25:51 +02:00
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;
}
2018-08-25 23:29:36 +02:00
@media (max-width: 720px) {
2018-08-26 08:12:24 +02:00
.container .img img {
2018-08-25 23:29:36 +02:00
margin: 0.5em;
}
2018-08-26 08:12:24 +02:00
.img img {
width: 45%;
}
2018-08-25 23:29:36 +02:00
.links {
font-size: 2em;
}
}