|
|
@ -64,7 +64,8 @@ body {
|
|
|
|
padding: 4rem;
|
|
|
|
padding: 4rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
link{
|
|
|
|
|
|
|
|
|
|
|
|
ext {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
font-family: 'Platypi';
|
|
|
|
font-family: 'Platypi';
|
|
|
|
font-style: italic;
|
|
|
|
font-style: italic;
|
|
|
@ -76,7 +77,7 @@ link{
|
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
link:hover{
|
|
|
|
ext:hover{
|
|
|
|
animation: wiggle 0.6s infinite;
|
|
|
|
animation: wiggle 0.6s infinite;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -129,31 +130,13 @@ link:hover{
|
|
|
|
margin-right: 0;
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.gummies{
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
margin: 2rem 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.gummy .caption{
|
|
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
|
|
transition: opacity 0.5s ease;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.gummy:hover .caption{
|
|
|
|
|
|
|
|
opacity: 1
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.gummy img{
|
|
|
|
|
|
|
|
width: 4rem;
|
|
|
|
|
|
|
|
filter: saturate(2);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.gummy img:hover{
|
|
|
|
|
|
|
|
scale: 1;
|
|
|
|
|
|
|
|
animation: wiggle 0.6s infinite;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
header{
|
|
|
|
header{
|
|
|
|
line-height:1.3;
|
|
|
|
line-height:1.3;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h1, #project-title {
|
|
|
|
h1, #project-title {
|
|
|
|
font-family: 'Platypi';
|
|
|
|
font-family: 'Platypi';
|
|
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
iframe{
|
|
|
|
iframe{
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
@ -168,8 +151,8 @@ img{
|
|
|
|
border-radius: 0.5rem;
|
|
|
|
border-radius: 0.5rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
figcaption{
|
|
|
|
figcaption{
|
|
|
|
font-size: 0.6rem;
|
|
|
|
font-size: 1rem;
|
|
|
|
margin: 0.5rem 0 0 0.5rem;
|
|
|
|
padding: 1rem 0 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
figure{
|
|
|
|
figure{
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|