go-resume/static/css/base.css

92 lines
1.6 KiB
CSS

body {
font-family: 'Raleway', sans-serif; }
.line {
height: 10px; }
.hr {
border-bottom: 10px solid var(--theme-color);
margin: 0 1.5rem; }
.section {
padding: 3rem 1.5rem 1rem; }
.summary,
.experience,
.education,
.projects,
.skills,
.awards,
.languages {
margin-bottom: 1.5rem; }
.summary .title,
.experience .title,
.education .title,
.projects .title,
.skills .title,
.awards .title,
.languages .title {
padding: .5em 0;
border-bottom: 1px solid var(--theme-color); }
.experience .item,
.education .item,
.projects .item,
.skills .item,
.languages .item,
.awards .item {
padding: .5em 0; }
.profile .image {
margin: 0 auto; }
.profile svg {
fill: var(--theme-color); }
.social-icon {
display: flex;
justify-content: flex-end;
align-items: center; }
.social-icon a {
display: flex;
align-items: center;
color: var(--theme-color); }
.social-icon svg {
height: 1.5rem;
width: 1.5rem; }
.footer {
padding: 3rem 1.5rem 1rem; }
/* Query for mobile only*/
@media screen and (max-width: 768px) {
.profile {
text-align: center; }
.social-icon {
justify-content: center;
padding: .25rem 0; } }
/* Query for desktop only*/
@media screen and (min-width: 768px) {
.has-text-right-in-desktop {
text-align: right; } }
@media print {
@page {
size: A4 portrait; }
body:not(.tag) {
font-size: 10pt;
padding: 20px;
max-width: 100%;
overflow: hidden !important; }
.tag {
font-size: 8pt !important; }
.noprint {
display: none; }
.item {
page-break-inside: avoid; }
html {
color-adjust: exact; }
footer {
display: none; } }