0b2s L.css

@font-face{
    font-family: 'Product Sans';
    src: url("../about/Product Sans Regular.ttf") format('truetype');
}
nav{
    background-image: linear-gradient(rgb(241, 241, 241),rgb(180, 180, 180),rgb(240, 240, 240));
    background-size: contain;
    height:auto;
    text-align: center;
    margin: auto;
    border-radius: 1vw;
    padding: 1%;
    margin-bottom: 5vh;
}
body{
    background-color: rgb(241, 241, 241);
    color:black;
    margin: auto;
}
.a:hover{
    font-size: 1.6vw;
}
nav img{
    width: 5vw;
    transition: width ease-in-out 400ms;
}
nav img:hover{
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2vw;
    width: 4.75vw;
}
.a{
    color: rgb(0, 0, 0);
    text-shadow: rgba(0, 0, 0, 0.75) 0 0 10px;
    text-decoration: none;
    margin: 1%;
    font-family: 'Product Sans';
    font-size: 1.75vw;
    vertical-align:100%;
    transition: all 0.8s;
    transition-duration: infinite;
}
h1,h4{
    text-shadow: rgba(0, 0, 0, 0.75) 0 0 10px;
    text-align: center;
    font-family: 'Product Sans';
    font-size: 1.65vw;
    transition:font-size 0.8s ease-in-out 100ms;
}
h1,h4:hover{
    font-size:1.85vw;
}
.img{
    display: block;
    margin: auto;
    margin-top: 5vh;
    margin-bottom: 5vh;
    box-shadow: 0 0 24px rgb(0, 0, 0);
    width: 20vw;
    height: auto;
    border-radius: 5.5vw;
    transition: all 1s;
}
img:hover{
    border-radius: 8vw;
}
.showcase{
    background-color: rgb(241, 241, 241);
    border-radius: 5.5vw;
    width: 80vw;
    height: 48vh;
    margin: auto;
    box-shadow:0 0 24px rgb(0, 0, 0);
    transition: 0.8s all;
    margin-top: 2.5vw;
    margin-bottom: 2vw;
    overflow: hidden;
}
.showcase:hover{
    border-radius: 7vw;
    width: 81vw;
    height: 50vh;
}
p{
    font-size: 1.5vw;
    vertical-align: 100%;
    text-align: center;
    margin: 3vw;
    text-shadow: 0 0 10px rgb(0, 0, 0);
    transition: all 0.8s;
}
p:hover{
    font-size: 1.6vw;
}