mirror of
https://github.com/EthanPisani/ethanpisani.com.git
synced 2025-07-02 18:15:18 -04:00
162 lines
3.2 KiB
CSS
162 lines
3.2 KiB
CSS
body {
|
|
margin: 0;
|
|
margin-top: 10vh;
|
|
font-family: "Roboto", sans-serif;
|
|
color: #e0e0e0;
|
|
background-color: #232627;
|
|
}
|
|
|
|
.content {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
}
|
|
|
|
h1 {
|
|
text-align: center;
|
|
font-size: 5em;
|
|
color: #37d605;
|
|
margin-top: 50px;
|
|
}
|
|
|
|
h2 {
|
|
color: #2cbb00;
|
|
margin-top: 40px;
|
|
font-size: 2em;
|
|
text-transform: uppercase;
|
|
border-bottom: 2px solid #2cbb00;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
|
|
p, li {
|
|
font-size: 1.2em;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.section {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
a {
|
|
/* color: #2cbb00; */
|
|
color: #e0e0e0;
|
|
text-decoration: underline;
|
|
text-decoration-color: #2cbb00;
|
|
text-decoration-thickness: .2rem;
|
|
}
|
|
|
|
a:hover {
|
|
color: #2cbb00;
|
|
text-decoration: underline;
|
|
text-decoration-color: #35e001;
|
|
text-decoration-thickness: .2rem;
|
|
}
|
|
|
|
.skills-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.skills-list li {
|
|
background-color: #434444;
|
|
margin: 5px;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
/* .project-date {
|
|
float: right;
|
|
text-align: right;
|
|
margin-left: 100px;
|
|
padding-left: 100px;
|
|
} */
|
|
|
|
/* Particles.js styles */
|
|
#particles-js {
|
|
/* scroll with the page */
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
p.project-container-p {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.project-date {
|
|
margin-left: auto; /* Ensures the date is pushed to the right */
|
|
}
|
|
|
|
hr {
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
/* color grey */
|
|
border: 0;
|
|
border-top: 1px solid #757575;
|
|
|
|
}
|
|
/* ----------------------------------------------
|
|
* Generated by Animista on 2020-12-31 16:52:43
|
|
* Licensed under FreeBSD License.
|
|
* See http://animista.net/license for more info.
|
|
* w: http://animista.net, t: @cssanimista
|
|
* ---------------------------------------------- */
|
|
|
|
/**
|
|
* ----------------------------------------
|
|
* animation text-pop-up-top
|
|
* ----------------------------------------
|
|
*/
|
|
@-webkit-keyframes text-pop-up-top {
|
|
0% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
text-shadow: none;
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(-50px);
|
|
transform: translateY(-50px);
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
text-shadow: 0 1px 0 #2cbb00, 0 2px 0 #2cbb00, 0 3px 0 #2cbb00,
|
|
0 4px 0 #2cbb00, 0 5px 0 #2cbb00, 0 6px 0 #2cbb00, 0 7px 0 #2cbb00,
|
|
0 8px 0 #2cbb00, 0 9px 0 #2cbb00, 0 50px 30px rgba(0, 0, 0, 0.3);
|
|
}
|
|
}
|
|
@keyframes text-pop-up-top {
|
|
0% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
text-shadow: none;
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(-50px);
|
|
transform: translateY(-50px);
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
text-shadow: 0 1px 0 #2cbb00, 0 2px 0 #2cbb00, 0 3px 0 #2cbb00,
|
|
0 4px 0 #2cbb00, 0 5px 0 #2cbb00, 0 6px 0 #2cbb00, 0 7px 0 #2cbb00,
|
|
0 8px 0 #2cbb00, 0 9px 0 #2cbb00, 0 50px 30px rgba(0, 0, 0, 0.3);
|
|
}
|
|
}
|
|
|
|
.text-pop-up-top {
|
|
-webkit-animation: text-pop-up-top 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94)
|
|
both;
|
|
animation: text-pop-up-top 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
|
}
|
|
|