@import url('https://fonts.googleapis.com/css2?family=Arbutus+Slab&display=swap');

.headshot {
    display: flex;
    height: 15%;
    width: 15%;
    border-style: groove;
    border-color: black;
    border-radius: 15%;
}

body{
    background-color: honeydew; 
    #projects, #exp{
    font-family: "Arbutus Slab", serif;
    font-weight: 400;
    font-style: normal;
    padding: 10px;
    border-radius: 10%;
}

#ref{
    display: flex;
    justify-content: space-evenly;
    padding: 10px;
    border-radius: 10%;
}

.card{
    border-style: groove;
    border-color: black;
    border-radius: 5%;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.card:hover {
    transform: scale(1.02);
  }
  
.card-img-top{
    height: 45px;
    width: 45px;
}

.btn{
    display: block;
    text-align: center;
    border-style: double;
    border-color: blue;
    border-radius: 10%;
    background-color: cyan;
    padding: 0%;
    margin: 0%;
}

#footer{
    background-color: grey;
    border-radius: 3%;
}

#logo{
    height: 45px;
    width: 45px;
}
#time{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    border: 0.2rem solid black;
    border-radius: 16px;
    background: transparent;
    box-shadow: 0px 3px 15px rgbs(84, 84, 84, 0.1);
    font-size: 30px;
    text-align: right;
    cursor: pointer;
    color: #fff;
    text-shadow:
    0 0 7px #fff, 
    0 0 10px #fff,
    0 0 21px #fff,
    0 0 42px #0fa,
    0 0 82px #0fa,
    0 0 92px #0fa,
    0 0 102px #0fa,
    0 0 151px #0fa;
}
}