personal-website/styles.css

70 lines
847 B
CSS
Raw Normal View History

2024-03-18 02:09:17 -05:00
@font-face {
2024-03-17 03:31:54 -05:00
font-family: Montserrat;
font-style: normal;
2024-03-22 11:16:19 -05:00
src: url('fonts/Montserrat-VF.woff2');
2024-03-17 03:31:54 -05:00
}
2024-03-18 02:09:17 -05:00
@font-face {
2024-03-17 03:31:54 -05:00
font-family: Montserrat;
font-style: italic;
2024-03-22 11:16:19 -05:00
src: url('fonts/Montserrat-Italic-VF.woff2');
2024-03-17 03:31:54 -05:00
}
* {
font-family: Montserrat;
}
.container {
margin: 0 auto;
2024-03-17 03:31:54 -05:00
max-width: 1000px;
}
.header {
text-align: center;
}
img {
border: 5px solid #333;
padding: 1px;
2024-09-19 17:09:08 -05:00
border-radius: 50%;
}
.row {
display: flex;
}
.column {
flex: 50%;
}
2024-12-01 21:53:50 -06:00
.column.office {
text-align: right;
}
2024-09-19 17:24:30 -05:00
.mobile {
display: none;
}
@media (pointer:none),
(pointer:coarse) {
.row {
display: block;
}
2024-12-01 21:53:50 -06:00
.column.office {
text-align: left;
}
.header {
text-align: left;
}
2024-09-19 17:24:30 -05:00
.pc {
display: none;
}
2024-09-19 17:24:30 -05:00
.mobile {
display: block;
}
2024-03-17 03:31:54 -05:00
}