html {
    background-color: rgb(244,244,244);
    /*background-image: url("https://source.unsplash.com/MQzSZ5BkjAg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;*/
    /*background: rgb(227,227,227);*/
    /*background: linear-gradient(0deg, rgba(227,227,227,1) 0%, rgba(237,237,237,1) 50%, rgba(241,241,241,1) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;*/
}

#wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    padding: 30px;
    margin-top: 100px;
}

#card-front {
    position: relative;
    right: 10%;
    width: 75vw;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    border-radius: 2.5vw;
}

#card-back {
    background-color: #ffffff;
    position: relative;
    top: -10%;
    right: -10%;
    transform: rotate(-15deg);
    width: 75vw;
    
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 2.5vw;
}


.box {
    display: flex;
    justify-content: center;
}

.front {
    background-image: url(Aislinc_%20Clover_moo_mini_front_final.svg);
    width: 75%;
    background-size: cover;
}

#contact-block {
    margin-top: 100px;
}

.contact {
    display: block;
    text-align: center;
    margin: 20px;
}

.BUTTON_SGF {
    border-radius: 10px;
   color: #FF7815;
   font-family: 'Roboto', sans-serif;
   font-size: 2rem;
   font-weight: 300;
   padding: 5px;
   background-color: none;
   border: solid #000 2px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}

.BUTTON_SGF:hover {
   background: #FF7815;
   border: solid #FF7815 2px;
    color: #fff;
   text-decoration: none;
}

a {
    width: 200px;
}

.icon {
    display: flex;
    justify-content: center;
    margin: auto;
    padding: 10px;
}