* {
    box-sizing: border-box;
    outline: none;
}
  
body {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: center;
    flex-direction: column;
    overflow: auto;
    width: 100%;
    /* height: 100vh; */
    font-family: 'DM Sans', sans-serif;
    /* background-image: linear-gradient(21deg, rgba(64, 83, 206, 0.3697003235) 68%, rgba(255, 206, 196, 0.5) 163%), linear-gradient(163deg, rgba(49, 146, 170, 0.0794448997) 86%, rgba(239, 112, 138, 0.5) 40%), linear-gradient(30deg, rgba(76, 79, 173, 0.6173675717) 22%, rgba(237, 106, 134, 0.5) 169%), linear-gradient(48deg, rgba(31, 85, 147, 0.7323890642) 64%, rgba(247, 126, 132, 0.5) 43%); */
    background-image: url('../image/background.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    /* background-blend-mode: overlay,multiply,color,normal; */
}


.homepage {
    /* display: flex; */
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    /* height: 90vh; */
    /* max-height: 900px; */
    /* background: rgba(255, 255, 255, 0.527); */
    border-radius: 4px;
    box-shadow: 0 0.3px 2.2px rgba(0, 0, 0, 0.011), 0 0.7px 5.3px rgba(0, 0, 0, 0.016), 0 1.3px 10px rgba(0, 0, 0, 0.02), 0 2.2px 17.9px rgba(0, 0, 0, 0.024), 0 4.2px 33.4px rgba(0, 0, 0, 0.029), 0 10px 80px rgba(0, 0, 0, 0.04);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    /* overflow: scroll; */
}
  
.section-nav{
    width: 100%;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.section-nav .logo{
    max-height: 64px;
    max-width: 126px;
}
.section-nav nav{
    background: #4e3629de;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
   
}