70 lines
874 B
CSS
70 lines
874 B
CSS
@font-face {
|
|
font-family: Montserrat;
|
|
font-style: normal;
|
|
src: url('fonts/Montserrat-VF.woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Montserrat;
|
|
font-style: italic;
|
|
src: url('fonts/Montserrat-Italic-VF.woff2');
|
|
}
|
|
|
|
* {
|
|
font-family: Montserrat;
|
|
}
|
|
|
|
.container {
|
|
margin: 0 auto;
|
|
max-width: 1000px;
|
|
}
|
|
|
|
.header {
|
|
text-align: center;
|
|
}
|
|
|
|
img {
|
|
border: 5px solid #333;
|
|
padding: 1px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
}
|
|
|
|
.column {
|
|
flex: 50%;
|
|
}
|
|
|
|
.column[name="mail"] {
|
|
text-align: right;
|
|
}
|
|
|
|
.mobile-name {
|
|
display: none;
|
|
}
|
|
|
|
@media (pointer:none),
|
|
(pointer:coarse) {
|
|
.row {
|
|
display: block;
|
|
}
|
|
|
|
.column[name="mail"] {
|
|
text-align: left;
|
|
}
|
|
|
|
.header {
|
|
text-align: left;
|
|
}
|
|
|
|
.pc-name {
|
|
display: none;
|
|
}
|
|
|
|
.mobile-name {
|
|
display: block;
|
|
}
|
|
}
|