diff --git a/css/styles.css b/css/styles.css index 57af676..2a71763 100644 --- a/css/styles.css +++ b/css/styles.css @@ -240,13 +240,14 @@ a:visited { width: calc(max(100%, 500px)); height: 50%; } + #profilepic { width: calc(min(256px, 25%)); height: 256px; object-fit: cover; - background-color: black; outline: var(--outline-thickness) solid white; - animation: profileintro 1s var(--easer) 0.2s both, flash_outline 500ms var(--easer) 0.2s both; + animation: flash_outline 500ms var(--easer) 0.2s both; + transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } @@ -333,7 +334,6 @@ a:visited { #embedframe { opacity: 0; transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); - height: calc(min(100%, 720px)); width: 100%; height: 100%; } @@ -347,7 +347,7 @@ a:visited { .blurred-background { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); - + } @keyframes slide-base { @@ -385,22 +385,6 @@ a:visited { } } -@keyframes profileintro { - 0% { - opacity: 0; - width: 0%; - - } - - 40% { - width: 0%; - } - - 80% { - box-shadow: 0px 0px var(--col-shadow); - } -} - @keyframes infointro { 0% { box-shadow: 0px 0px var(--col-shadow); diff --git a/index.html b/index.html index f806a1a..2d1d14a 100644 --- a/index.html +++ b/index.html @@ -95,7 +95,8 @@