37 lines
713 B
CSS
37 lines
713 B
CSS
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
|
|
|
/*Bulma variables override*/
|
|
:root{
|
|
--bulma-primary-h: 50deg;
|
|
--bulma-primary-l: 50%;
|
|
}
|
|
|
|
/*Custom classes*/
|
|
video{
|
|
width:100%;
|
|
}
|
|
|
|
/*View transition experiments*/
|
|
@view-transition {
|
|
navigation: auto;
|
|
}
|
|
@keyframes slide-from-right {
|
|
from {
|
|
/* Arrive from the right */
|
|
transform: translateX(100vw);
|
|
}
|
|
to {
|
|
/* Come into view */
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
::view-transition-old(root) {
|
|
animation: none;
|
|
}
|
|
|
|
::view-transition-new(root) {
|
|
/* Apply animation to hobbies.html */
|
|
animation: slide-from-right 0.3s;
|
|
}
|