nwpeckham/Profile-Page
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Proper divs set up with a more logical and flexible framework for future animations.

Browse source
This commit is contained in:
Nathan Peckham 2024-06-12 01:05:02 -05:00
parent 5cd193a4b5
commit 41247ac4aa
1 changed files with 8 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
css/styles.css
View file

@ -19,12 +19,16 @@ body {
}
#hero-section {
width: 95dvw;
width: 100dvw;
height: 100dvh;
vertical-align: middle;
align-content: center;
margin: 0;
padding: 0;
/* position: absolute;
left:0;
right: 0; */
transition: 3s ease-in;
transition-property: opacity;
}
#hero {
@ -34,22 +38,14 @@ body {
font-variant-caps: petite-caps;
font-weight: bold;
top: 45dvh;
width: 98dvw;
transition: 3s ease-in;
transition-property: opacity;
width: 100%;
}
#hero-titles {
width: 100%;
height: 100%;
text-align: center;
font-size: 2em;
font-variant-caps: all-petite-caps;
transition: 0.2s ease-in-out;
position: absolute;
top: 55dvh;
/*left: 50vh; */
width: 98dvw;
width: 100%;
text-align: center;
}