afiqzudinhadi/the-heartbroken-dev-tier-1
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #5 from Kazleigh/revert-2-Kazleigh-patch-2

Browse source 
Revert "Update style.css"
This commit is contained in:
Kazleigh 2024-04-11 21:35:36 +01:00 • committed by GitHub
commit 7939ee171f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 59 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

132
student-resumes/the-heartbroken-devs-resume/style.css
View file

@ -1,97 +1,83 @@
body { body {
h1 { font-family: 'Helvetica Neue', sans-serif;
font-family: Ggsans, sans-serif; font-weight: 300;
font-size: 38px; line-height: 1.6;
font-weight: 800; 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 { h2 {
font-family: Ggsans, sans-serif; color: #212121;
font-size: 24px; text-align: left;
font-weight: 800; font-size: 2.5em;
padding: 5px; margin-bottom: 30px;
} border-bottom: 2px solid #212121;
}
h3 { h3 {
font-family: Ggsans, sans-serif; color: #212121;
font-size: 14px; font-size: 2em;
font-weight: 700; margin-bottom: 20px;
padding: 3px; }
}
p { p {
font-family: Ggsans, sans-serif; margin-bottom: 20px;
font-size: 14px; font-size: 1.2em;
color: #424242;
} }
li { p strong {
font-family: Ggsans, sans-serif; color: #0061a8;
font-size: 14px; font-weight: 600;
} }
#wave { a {
position: relative; color: #0061a8;
height: 35px; text-decoration: none;
width: absolute; transition: color 0.3s ease;
background: #fe1493;
}
hr.dotted {
border-top: 5px dotted #f8ff00;
} }
.button { a:hover {
padding: 7px 7px; color: #212121;
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;
} }
.button:hover { hr {
color: #fe1493; border: 0;
background-color: #F8FF00; height: 1px;
box-shadow: 0 3px #fe1493;} background: #212121;
margin: 20px 0;
.button:active {
color: #Fe1493,
background-color: #fff;
box-shadow: 0 3px #666;
transform: translateY(4px);
} }
* { ul {
box-sizing: border-box; list-style: none;
padding: 0; padding-left: 0;
margin: 0;
} }
header { ul li {
width: 100%; margin-bottom: 10px;
margin-bottom: 1%; font-size: 1.2em;
background: #fff; color: #424242;
padding: 1%;
} }
aside { ul li strong {
clear: left; color: #0061a8;
float: left; font-weight: 600;
width: 33%;
margin-right: 2%;
padding: 2%;
background: #fe1493;
color: #fff;
} }
main { /* Add some animation to the page */
float: left; @keyframes fadeIn {
width: 60%; 0% {opacity: 0;}
margin-left: 2%; 100% {opacity: 1;}
padding: 0%;
background: #fff;
} }
body {
animation: fadeIn 2s ease-in 1;
}