* {
    box-sizing: border-box;
  }

body {
    background-image: url(img/bg-sakura-sq3.png);
    font-family: Helvetica, sans-serif;
    
}
#wrapper {
    overflow-wrap: break-word;
    margin: 0 auto;
}
#logo {
    background-color: #75ceb1;
    width: calc(height);
    background-image: url(img/sq.jpg);
    background-size: contain;
}
header {
    width: 100%;
    background: #042E5D;
    border-radius: 0 0 10px 10px;
}
header #logo {
    width: 50px;
    height: 50px;
}
.navbar .nav-item a.nav-link, #socials a i {
    color: #75CEB1 !important;
}
.navbar .nav-item a.nav-link:hover, #socials a i:hover {
    color: #d0ede3 !important;
}

h1 {
    color: #75CEB1;
    text-shadow: 1px 2px 5px  rgba(0,0,0,0.7);
}
h3 {
    background-color: #75CEB1;
    color: #042E5D;
    width: fit-content;
    min-width: 30%;
    margin-left: -1.5rem;
}
.card {
    color: #042E5D;
    border: 2px solid #22aa7e;
    background: #AFF0DB;
}
#photo {
    color: #75CEB1;
    align-items: center;
}
#photo img {
    max-width: 280px;
    height: auto;
}
section {
    background-color: rgb(16,31,70, 0.9);
    border: 1px solid #75CEB1;
}


footer {
    text-align: center;
    color: #75ceb1;
    background: rgb(0, 31,21, 0.7);
    padding: 10px 20px;
    margin: 10px 0;
    font-size: 0.8em;
    border: 2px solid #22aa7e;
}