diff --git a/css/home.css b/css/home.css index e107700..cc58ae9 100644 --- a/css/home.css +++ b/css/home.css @@ -1,22 +1,15 @@ -/* Whole document */ body { font-family: Helvetica, Arial, sans-serif; font-size: 1rem; color: #cad3f5; line-height: 1.5; - width: 800px; + width: 1920px; margin-inline: auto; background: #24273a; padding: 6px; margin: 10px auto; } -/* -.title { - display: none; -} -*/ - #top { margin-bottom: 6px; border-radius: 16px; @@ -27,10 +20,9 @@ body { } #main { - background: #1e2030; + /*background: #1e2030;*/ } -/* Title of the resume */ h1 { width: 130px; text-align: center; @@ -42,9 +34,8 @@ h1 { border-top-right-radius: 18px; } -/* Titles of categories */ h2 { - color: #f5a97f; + color: #6c6f85; font-size: 1.8rem; text-align: center; margin-top: 0; @@ -65,7 +56,6 @@ h4 { margin-bottom: 0.5rem; } -/* Definitions */ dt { float: left; clear: left; @@ -80,7 +70,6 @@ p { margin-bottom: 4px; } -/* Links */ a { text-decoration: none; padding: 8px; @@ -91,7 +80,7 @@ a:hover, a:active { border-radius: 9px; text-decoration: underline; text-shadow: 1px 1px 1px #333; - animation: animate 3s linear infinite; + animation: hover 3s linear infinite; } a.button { @@ -107,14 +96,12 @@ a.button { text-align: center; } -/* Horizontal separators */ hr { color: #A6A6A6; } -/* List spacing */ ul, ol { - padding-left: 1em; /* Keeping padding relative to the font size of the list */ + padding-left: 1em; } li { @@ -127,7 +114,7 @@ p, li { } -@keyframes animate { +@keyframes hover { 0% { box-shadow: 0 0 8px 4px #24273a; } 15% { box-shadow: 0 0 8px 4px #494d64; } 50% { box-shadow: 0 0 8px 4px #b7bdf8; } @@ -135,12 +122,19 @@ p, li { 100% { box-shadow: 0 0 8px 4px #24273a; } } +@keyframes card { + 0% { box-shadow: 0 0 8px 4px #24273a; } + 50% { box-shadow: 0 0 8px 4px #df8e1d; } + 100% { box-shadow: 0 0 8px 4px #24273a; } +} + .card { background: #363a4f; text-align: center; border-radius: 6px; border-top-left-radius: 18px; border-top-right-radius: 18px; + animation: card 3s linear infinite; } .card-top { diff --git a/index.html b/index.html index c7349de..53a6671 100644 --- a/index.html +++ b/index.html @@ -1,34 +1,12 @@ - +
- - - +