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

Update style.css

Browse source
This commit is contained in:
Kazleigh 2024-04-10 23:09:06 +01:00 • committed by GitHub
parent 69aa5bd310
commit 3c04af2482
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 73 additions and 59 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,83 +1,97 @@
body { body {
font-family: 'Helvetica Neue', sans-serif; h1 {
font-weight: 300; font-family: Ggsans, sans-serif;
line-height: 1.6; font-size: 38px;
color: #212121; font-weight: 800;
background: linear-gradient(to right, #2980b9, #6dd5fa, #ffffff);
padding: 20px;
}
h1 {
color: #212121;
text-align: center;
font-size: 3em;
margin-bottom: 50px;
} }
h2 { h2 {
color: #212121; font-family: Ggsans, sans-serif;
text-align: left; font-size: 24px;
font-size: 2.5em; font-weight: 800;
margin-bottom: 30px; padding: 5px;
border-bottom: 2px solid #212121; }
}
h3 { h3 {
color: #212121; font-family: Ggsans, sans-serif;
font-size: 2em; font-size: 14px;
margin-bottom: 20px; font-weight: 700;
} padding: 3px;
}
p { p {
margin-bottom: 20px; font-family: Ggsans, sans-serif;
font-size: 1.2em; font-size: 14px;
color: #424242;
} }
p strong { li {
color: #0061a8; font-family: Ggsans, sans-serif;
font-weight: 600; font-size: 14px;
} }
a { #wave {
color: #0061a8; position: relative;
text-decoration: none; height: 35px;
transition: color 0.3s ease; width: absolute;
background: #fe1493;
}
hr.dotted {
border-top: 5px dotted #f8ff00;
} }
a:hover { .button {
color: #212121; 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;
} }
hr { .button:hover {
border: 0; color: #fe1493;
height: 1px; background-color: #F8FF00;
background: #212121; box-shadow: 0 3px #fe1493;}
margin: 20px 0;
.button:active {
color: #Fe1493,
background-color: #fff;
box-shadow: 0 3px #666;
transform: translateY(4px);
} }
ul { * {
list-style: none; box-sizing: border-box;
padding-left: 0; padding: 0;
margin: 0;
} }
ul li { header {
margin-bottom: 10px; width: 100%;
font-size: 1.2em; margin-bottom: 1%;
color: #424242; background: #fff;
padding: 1%;
} }
ul li strong { aside {
color: #0061a8; clear: left;
font-weight: 600; float: left;
width: 33%;
margin-right: 2%;
padding: 2%;
background: #fe1493;
color: #fff;
} }
/* Add some animation to the page */ main {
@keyframes fadeIn { float: left;
0% {opacity: 0;} width: 60%;
100% {opacity: 1;} margin-left: 2%;
padding: 0%;
background: #fff;
} }
body {
animation: fadeIn 2s ease-in 1;
}