diff --git a/_includes/assets/css/main.css b/_includes/assets/css/main.css index 652bca7..cbb0104 100644 --- a/_includes/assets/css/main.css +++ b/_includes/assets/css/main.css @@ -96,15 +96,15 @@ header rt { #content { position: relative; overflow: hidden; - margin-top: 10px; + margin-top: 0.77rem; border-top: 1px solid black; - padding-top: 10px; + padding-top: 0.77rem; } #content > .divider { position: absolute; - left: calc(12.25rem - 1px); - top: 0; + left: calc(12rem - 1px); + top: 0.77rem; bottom: 0; width: 1px; border-right: 1px solid black; @@ -189,7 +189,7 @@ header rt { overflow: hidden; margin-left: 0.25rem; margin-top: 0.05rem; - border-radius: 2px; + border-radius: 0.15rem; } .skill .icon { diff --git a/_includes/assets/css/resizing.css b/_includes/assets/css/resizing.css index 876602d..2cd3bbe 100644 --- a/_includes/assets/css/resizing.css +++ b/_includes/assets/css/resizing.css @@ -1,7 +1,7 @@ /* Too small for big margins */ @media only screen and (max-width: 700px) and (min-width: 571px) { main { - padding: 0 calc((100% - 550px) / 2) 72px calc((100vw - 550px) / 2); + padding: 0 calc((100vw - 550px) / 2) 72px calc((100vw - 550px) / 2); } } diff --git a/_includes/assets/css/screen.css b/_includes/assets/css/screen.css index e8c66ba..abd115f 100644 --- a/_includes/assets/css/screen.css +++ b/_includes/assets/css/screen.css @@ -8,15 +8,16 @@ padding: 0 72px 72px 72px; background-color: white; margin: 0; - border: 1px solid gray; - box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.3); + border: 0.077rem solid gray; + border-top: 0; + box-shadow: 0.15rem 0.5rem 0.23rem rgba(0, 0, 0, 0.3); } footer { display: block; font-size: smaller; color: white; - padding: 10px; + padding: 0.77rem; text-shadow: black 1px 1px 1px, black -1px 1px 1px, black 1px -1px 1px, black -1px -1px 1px; }