From 519956e5d73e338c09348803742e334b717562e7 Mon Sep 17 00:00:00 2001 From: Kazleigh <165062302+Kazleigh@users.noreply.github.com> Date: Thu, 11 Apr 2024 21:35:22 +0100 Subject: [PATCH] Revert "Update style.css" --- .../the-heartbroken-devs-resume/style.css | 132 ++++++++---------- 1 file changed, 59 insertions(+), 73 deletions(-) diff --git a/student-resumes/the-heartbroken-devs-resume/style.css b/student-resumes/the-heartbroken-devs-resume/style.css index a1feae0..94bd69a 100644 --- a/student-resumes/the-heartbroken-devs-resume/style.css +++ b/student-resumes/the-heartbroken-devs-resume/style.css @@ -1,97 +1,83 @@ body { - h1 { - font-family: Ggsans, sans-serif; - font-size: 38px; - font-weight: 800; + font-family: 'Helvetica Neue', sans-serif; + font-weight: 300; + line-height: 1.6; + color: #212121; + background: linear-gradient(to right, #2980b9, #6dd5fa, #ffffff); + padding: 20px; +} + +h1 { + color: #212121; + text-align: center; + font-size: 3em; + margin-bottom: 50px; } h2 { - font-family: Ggsans, sans-serif; - font-size: 24px; - font-weight: 800; - padding: 5px; - } - + color: #212121; + text-align: left; + font-size: 2.5em; + margin-bottom: 30px; + border-bottom: 2px solid #212121; +} + h3 { - font-family: Ggsans, sans-serif; - font-size: 14px; - font-weight: 700; - padding: 3px; - } + color: #212121; + font-size: 2em; + margin-bottom: 20px; +} p { - font-family: Ggsans, sans-serif; - font-size: 14px; + margin-bottom: 20px; + font-size: 1.2em; + color: #424242; } -li { - font-family: Ggsans, sans-serif; - font-size: 14px; +p strong { + color: #0061a8; + font-weight: 600; } -#wave { - position: relative; - height: 35px; - width: absolute; - background: #fe1493; -} -hr.dotted { - border-top: 5px dotted #f8ff00; +a { + color: #0061a8; + text-decoration: none; + transition: color 0.3s ease; } -.button { - padding: 7px 7px; - font-size: 24px; - text-align: center; - cursor: pointer; - outline: none; - color: #fff; - background-color: #fe1493; - border: none; - border-radius: 45px; - box-shadow: 0 4px #f8ff00; - animation: wiggle 2s linear infinite; +a:hover { + color: #212121; } -.button:hover { -color: #fe1493; -background-color: #F8FF00; - box-shadow: 0 3px #fe1493;} - -.button:active { - color: #Fe1493, - background-color: #fff; - box-shadow: 0 3px #666; - transform: translateY(4px); +hr { + border: 0; + height: 1px; + background: #212121; + margin: 20px 0; } -* { - box-sizing: border-box; - padding: 0; - margin: 0; +ul { + list-style: none; + padding-left: 0; } -header { - width: 100%; - margin-bottom: 1%; - background: #fff; - padding: 1%; +ul li { + margin-bottom: 10px; + font-size: 1.2em; + color: #424242; } -aside { - clear: left; - float: left; - width: 33%; - margin-right: 2%; - padding: 2%; - background: #fe1493; - color: #fff; +ul li strong { + color: #0061a8; + font-weight: 600; } -main { - float: left; - width: 60%; - margin-left: 2%; - padding: 0%; - background: #fff; +/* Add some animation to the page */ +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} } + +body { + animation: fadeIn 2s ease-in 1; +} \ No newline at end of file