* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: #5CBDE6;
}

.container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-bottom: 20px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width:570px) {
    .container {
       max-width: 550px;
    }
}

.container_logo {
    flex-direction: column;
    display: flex;
    width: 100%;
    padding-top: 30px;
    justify-content: center;
    align-items: center;

}

.container_logo img {
    max-width: 100px;
    border-radius: 100%;
}

.name {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.5rem;
    font-family: monospace;
    color: #3F414A;
    text-align: center;
}
.name span {
    font-size: 1rem;
}

.container_links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
}

.container_links a {
    background-color: #393E46;
    width: 100%;
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    align-items: center;
    text-decoration: none;
    color: white;
    transition-duration: 0.7s;
    font-size: 1rem;
    font-family: monospace;
}

.container_links a:hover,
.container_links a:active,
.container_links a:focus {
    background-color: #C7D9E5;
    color:#222831;
    transition-duration: 0.7s;
}

.spotify {
    display: inline-block;
    vertical-align: middle;
    height: 26px;
    width: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='168px' width='168px' version='1.1' viewBox='0 0 168 168'%3E%3Cpath fill='%231ED760' d='m83.996 0.277c-46.249 0-83.743 37.493-83.743 83.742 0 46.251 37.494 83.741 83.743 83.741 46.254 0 83.744-37.49 83.744-83.741 0-46.246-37.49-83.738-83.745-83.738l0.001-0.004zm38.404 120.78c-1.5 2.46-4.72 3.24-7.18 1.73-19.662-12.01-44.414-14.73-73.564-8.07-2.809 0.64-5.609-1.12-6.249-3.93-0.643-2.81 1.11-5.61 3.926-6.25 31.9-7.291 59.263-4.15 81.337 9.34 2.46 1.51 3.24 4.72 1.73 7.18zm10.25-22.805c-1.89 3.075-5.91 4.045-8.98 2.155-22.51-13.839-56.823-17.846-83.448-9.764-3.453 1.043-7.1-0.903-8.148-4.35-1.04-3.453 0.907-7.093 4.354-8.143 30.413-9.228 68.222-4.758 94.072 11.127 3.07 1.89 4.04 5.91 2.15 8.976v-0.001zm0.88-23.744c-26.99-16.031-71.52-17.505-97.289-9.684-4.138 1.255-8.514-1.081-9.768-5.219-1.254-4.14 1.08-8.513 5.221-9.771 29.581-8.98 78.756-7.245 109.83 11.202 3.73 2.209 4.95 7.016 2.74 10.733-2.2 3.722-7.02 4.949-10.73 2.739z'/%3E%3C/svg%3E");
    background-size: 26px auto;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: .5em;
}

.instagram {
    display: inline-block;
    vertical-align: middle;
    height: 26px;
    width: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:url(%23SVGID_2_);%7D .st2%7Bfill:%23654C9F;%7D%0A%3C/style%3E%3Cg id='Edges'/%3E%3Cg id='Symbol'%3E%3Cg%3E%3CradialGradient cx='56.3501' cy='19.2179' gradientTransform='matrix(0.9986 -5.233596e-02 4.448556e-02 0.8488 -36.9742 443.8014)' gradientUnits='userSpaceOnUse' id='SVGID_1_' r='711.335'%3E%3Cstop offset='0' style='stop-color:%23FED576'/%3E%3Cstop offset='0.2634' style='stop-color:%23F47133'/%3E%3Cstop offset='0.6091' style='stop-color:%23BC3081'/%3E%3Cstop offset='1' style='stop-color:%234C63D2'/%3E%3C/radialGradient%3E%3Cpath class='st0' d='M96.1,23.2c-16.2,6.3-29.9,14.7-43.6,28.4C38.8,65.2,30.4,79,24.1,95.1c-6.1,15.6-10.2,33.5-11.4,59.7 c-1.2,26.2-1.5,34.6-1.5,101.4s0.3,75.2,1.5,101.4c1.2,26.2,5.4,44.1,11.4,59.7c6.3,16.2,14.7,29.9,28.4,43.6 c13.7,13.7,27.4,22.1,43.6,28.4c15.6,6.1,33.5,10.2,59.7,11.4c26.2,1.2,34.6,1.5,101.4,1.5c66.8,0,75.2-0.3,101.4-1.5 c26.2-1.2,44.1-5.4,59.7-11.4c16.2-6.3,29.9-14.7,43.6-28.4c13.7-13.7,22.1-27.4,28.4-43.6c6.1-15.6,10.2-33.5,11.4-59.7 c1.2-26.2,1.5-34.6,1.5-101.4s-0.3-75.2-1.5-101.4c-1.2-26.2-5.4-44.1-11.4-59.7C484,79,475.6,65.2,462,51.6 c-13.7-13.7-27.4-22.1-43.6-28.4c-15.6-6.1-33.5-10.2-59.7-11.4c-26.2-1.2-34.6-1.5-101.4-1.5s-75.2,0.3-101.4,1.5 C129.6,12.9,111.7,17.1,96.1,23.2z M356.6,56c24,1.1,37,5.1,45.7,8.5c11.5,4.5,19.7,9.8,28.3,18.4c8.6,8.6,13.9,16.8,18.4,28.3 c3.4,8.7,7.4,21.7,8.5,45.7c1.2,25.9,1.4,33.7,1.4,99.4s-0.3,73.5-1.4,99.4c-1.1,24-5.1,37-8.5,45.7c-4.5,11.5-9.8,19.7-18.4,28.3 c-8.6,8.6-16.8,13.9-28.3,18.4c-8.7,3.4-21.7,7.4-45.7,8.5c-25.9,1.2-33.7,1.4-99.4,1.4s-73.5-0.3-99.4-1.4 c-24-1.1-37-5.1-45.7-8.5c-11.5-4.5-19.7-9.8-28.3-18.4c-8.6-8.6-13.9-16.8-18.4-28.3c-3.4-8.7-7.4-21.7-8.5-45.7 c-1.2-25.9-1.4-33.7-1.4-99.4s0.3-73.5,1.4-99.4c1.1-24,5.1-37,8.5-45.7c4.5-11.5,9.8-19.7,18.4-28.3c8.6-8.6,16.8-13.9,28.3-18.4 c8.7-3.4,21.7-7.4,45.7-8.5c25.9-1.2,33.7-1.4,99.4-1.4S330.7,54.8,356.6,56z'/%3E%3CradialGradient cx='154.0732' cy='134.5501' gradientTransform='matrix(0.9986 -5.233596e-02 4.448556e-02 0.8488 -24.3617 253.2946)' gradientUnits='userSpaceOnUse' id='SVGID_2_' r='365.2801'%3E%3Cstop offset='0' style='stop-color:%23FED576'/%3E%3Cstop offset='0.2634' style='stop-color:%23F47133'/%3E%3Cstop offset='0.6091' style='stop-color:%23BC3081'/%3E%3Cstop offset='1' style='stop-color:%234C63D2'/%3E%3C/radialGradient%3E%3Cpath class='st1' d='M130.9,256.3c0,69.8,56.6,126.3,126.3,126.3s126.3-56.6,126.3-126.3S327,130,257.2,130 S130.9,186.5,130.9,256.3z M339.2,256.3c0,45.3-36.7,82-82,82s-82-36.7-82-82c0-45.3,36.7-82,82-82S339.2,211,339.2,256.3z'/%3E%3Ccircle class='st2' cx='388.6' cy='125' r='29.5'/%3E%3C/g%3E%3C/g%3E%3Cdiv xmlns='' id='divScriptsUsed' style='display: none'/%3E%3Cscript xmlns='' id='globalVarsDetection' src='chrome-extension://cmkdbmfndkfgebldhnkbfhlneefdaaip/js/wrs_env.js'/%3E%3C/svg%3E");
    background-size: 26px auto;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: .5em;
}