
html {
    scroll-behavior: smooth;
}
body {
    background-image: url(/asset/assets/photos/Platfroms1.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    min-height: 100vh;

}


.vDTBn {
    height: 80vh;
    position: static;
    block-size: 10%;
}
.header {
    display: flex;
    flex-direction: row;
    background-color: rgb(0, 13, 255);
    padding: 10px;
    align-items: center;
    justify-content: center;
    height: 10vh;
}
.copy-name {
    background-color: rgb(0, 63, 253);
    color: rgb(15, 15, 15);
    font-size: 15px;
    padding: 25px;
    justify-content: center;
    height: 10vh;
}
.copy-name h2 {
    border-radius: 7px;
    padding: auto;
    display: inline;
    background-color: rgb(168, 180, 190);
    box-shadow: 1px 2px 11px 0px
}

.header h2,p{
    display: flex;
    justify-content: center;
    font-size: 1%;
    color: red;
    border-radius: 7px;
 
}

#root {

}
/* body.vDTBn, #root {
    height: 80hv;
}   */
/* .vDTBn {
    height: 100%;

}   */

/* .cpsAQv{
    height: 100%;
}
.eBfJOq image {
    width: 200px;

} */
/* :root {
    --reach-dialog: 1
}  */

[data-reach-dialog-overlay] {
    background: rgba(0,0,0,.33);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto
}

[data-reach-dialog-content] {
    width: 50vw;
    margin: 10vh auto;
    background: #fff;
    padding: 2rem;
    outline: none
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(../../static/media/Inter-Thin.5b7f1750.woff2) format("woff2"),url(../../static/media/Inter-Thin.2a24f83a.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../../static/media/Inter-ThinItalic.626503a6.woff2) format("woff2"),url(../../static/media/Inter-ThinItalic.823c319a.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../../static/media/Inter-ExtraLight.0a26b1ef.woff2) format("woff2"),url(../../static/media/Inter-ExtraLight.9a8c0250.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(../../static/media/Inter-ExtraLightItalic.cca8e7e8.woff2) format("woff2"),url(../../static/media/Inter-ExtraLightItalic.dd7136ac.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../../static/media/Inter-Light.ab15890d.woff2) format("woff2"),url(../../static/media/Inter-Light.3ee890bd.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../../static/media/Inter-LightItalic.c0c6857d.woff2) format("woff2"),url(../../static/media/Inter-LightItalic.b199a1a0.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../static/media/Inter-Regular.26a30a5f.woff2) format("woff2"),url(../../static/media/Inter-Regular.e148c4a1.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../../static/media/Inter-Italic.b89e547a.woff2) format("woff2"),url(../../static/media/Inter-Italic.d3b5fcca.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../../static/media/Inter-Medium.d0a58d95.woff2) format("woff2"),url(../../static/media/Inter-Medium.eec0ea57.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../../static/media/Inter-MediumItalic.dd1448de.woff2) format("woff2"),url(../../static/media/Inter-MediumItalic.77fc6c7d.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../../static/media/Inter-SemiBold.2244d96c.woff2) format("woff2"),url(../../static/media/Inter-SemiBold.d2e3b0e2.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../../static/media/Inter-SemiBoldItalic.3c66f84b.woff2) format("woff2"),url(../../static/media/Inter-SemiBoldItalic.349f63a5.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../static/media/Inter-Bold.df60e0aa.woff2) format("woff2"),url(../../static/media/Inter-Bold.828b5dfc.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../../static/media/Inter-BoldItalic.30352075.woff2) format("woff2"),url(../../static/media/Inter-BoldItalic.6b5fde51.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../../static/media/Inter-ExtraBold.3e71093b.woff2) format("woff2"),url(../../static/media/Inter-ExtraBold.00e1fde4.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../../static/media/Inter-ExtraBoldItalic.c437ff9c.woff2) format("woff2"),url(../../static/media/Inter-ExtraBoldItalic.941baf7c.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../../static/media/Inter-Black.768169b1.woff2) format("woff2"),url(../../static/media/Inter-Black.7bb62343.woff) format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(../../static/media/Inter-BlackItalic.71da97fd.woff2) format("woff2"),url(../../static/media/Inter-BlackItalic.c769882b.woff) format("woff")
}

@font-face {
    font-family: "Inter var";
    font-weight: 100 900;
    font-style: normal;
    font-named-instance:"Regular";src: url(../../static/media/Inter-roman.var.73d88d2c.woff2) format("woff2 supports variations(gvar)"),url(../../static/media/Inter-roman.var.73d88d2c.woff2) format("woff2-variations"),url(../../static/media/Inter-roman.var.73d88d2c.woff2) format("woff2")
}

@font-face {
    font-family: "Inter var";
    font-weight: 100 900;
    font-style: italic;
    font-named-instance:"Italic";src: url(../../static/media/Inter-italic.var.e2e12d2e.woff2) format("woff2 supports variations(gvar)"),url(../../static/media/Inter-italic.var.e2e12d2e.woff2) format("woff2-variations"),url(../../static/media/Inter-italic.var.e2e12d2e.woff2) format("woff2")
}

@font-face {
    font-family: "Inter var experimental";
    font-weight: 100 900;
    font-style: oblique 0deg 10deg;
    src: url(../../static/media/Inter.var.a738a131.woff2) format("woff2-variations"),url(../../static/media/Inter.var.a738a131.woff2) format("woff2")
}
