@import url('Section/first-section.css');
@import url('Section/second-section.css');
@import url('Section/contact-section.css');

body, a, p, span, h1,h2,h3,h4,h5,h6,option
{
    font-family: "DM Serif Text", serif;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body{
    width: 100vw;
}

html{
    overflow-x: hidden;
}

section{
    height: 100vh;
}

@media (max-width: 768px) {
    html{
        overflow-x: hidden;
    }

    section{
        height: auto;
    }
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle;
}

a{
    text-decoration: none;
    color: white;
}

img,
video {
    max-width: 100vw;
    height: auto;
}

*,
::before,
::after {
    border-width: 0;
    border-style: solid;
    border-color: theme('borderColor.DEFAULT', currentColor);
}