:root {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;

    --beam-blue: #27AAE1; 
    --beam-red: #ef565c; 
    --dark-grey: #414042;
    --light-grey: #e6e7e8;
    --gradient-grey: linear-gradient(90deg, #494849 0%, #302e2e);
}

html {
    scroll-behavior: smooth;
}



body {
    margin: 0px;
    padding: 0px;
}


#welcome-section {
    position: relative;
    width: auto;
    height: 100vh;
    background: linear-gradient(90deg, #494849 0%, #302e2e);

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#first_block {
    width: fit-content;
    height: fit-content;
    text-align: center;
}

#first_header {
    font-size: 3rem;
    color:whitesmoke;
    text-shadow: 2px 3px black;
}
#first_text {
    font-size: large;
    font-weight: bold;

    background: -webkit-linear-gradient(0deg,  #ef565c 0%, #b12a2a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#main_logo {
    
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;

    margin-left: auto;
    margin-right: auto;

    width: 50%;
}

#copyright {
    font-weight: 400;
    font-size: 0.8rem;
    text-align: center;
    margin-bottom: 5px;
    align-items: bottom;
    color: var(--light-grey);

}


@media screen and (max-width: 700px) {

p {color: blue;}



/*
#first_text {
    color: green;
    font-size: 30rem;
}
 
#main_logo {
    width: 90%;
}
*/

}