@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*{
    font-family: "Noto Sans", sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: white;
}

#background{
    background-image:url("assets/2.jpg") ;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    min-width: 100vw;
}

#cover{
    background-color: rgba(0, 0, 0, 0.816);
    background-size: cover;
    min-height: 100vh;
    min-width: 100vw;
}

#logo{
    background-image:url("assets/logo\ black.png") ;
    background-size: contain;    
    background-repeat: no-repeat;
    min-height: 20vh;
    min-width: 20vw;
    margin-left: 45vw;
    margin-bottom: -3vh;
    margin-top: 0vh;
}


.textposition{
    color: rgb(241, 243, 245);
    display: flex;
    justify-content: center;
    flex-direction: column;

    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

.h1{
    font-size: 4rem;
    margin-bottom: 0.5vh;
}

.text{
    font-size: 2rem;
    text-align: center;
    margin-bottom: 3vh;
    margin-top: 2vh;
}

.text3{
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 3vh;
}

.text4{
    font-size: 1.5rem;
    text-align: center;
    margin-top: 5vh;
}

.normaltext{
    font-size: 1rem;
    text-align: center;
    margin-bottom: 2vh;
    margin-top: 4vh;
}


.minitext{
    font-size: 0.5rem;
    text-align: center;
}

.text2{
    font-size: 1.5rem;
    text-align: center;
}

.specializetabs{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
}

.specialize{
    background-color: #dddddd99;
    width: 10vw;
    height: 21vh;
    display: flex;
    text-align: center;
    justify-content: space-evenly;
    font-weight: bold;
    border-radius: 0.52vw;
    font-size: 1.5vw;
    align-items: center;
    text-decoration:solid;
}

.specialize:hover{
    width: 12vw;
    height: 25vh;
}

a{
    color: rgb(241, 243, 245);
}

a:hover{
    color: rgb(5, 57, 109);
}

a:visited{
    color: rgb(241, 243, 245);
}

#fgf{
    /* background-image:url("assets/2.jpg") ; */
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 10vh;
    min-width: 10vw;
    align-content: center;
}

#dhelp{
    /* background-image:url("assets/2.jpg") ; */
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 10vh;
    min-width: 10vw;
    align-content: center;
}

#ddesign{
    /* background-image:url("assets/2.jpg") ; */
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 10vh;
    min-width: 10vw;
    align-content: center;
}

#dprint{
    /* background-image:url("assets/tool-box.png") ; */
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 10vh;
    min-width: 10vw;
    align-content: center;
}

#deq{
    /* background-image:url("assets/tool-box.png") ; */
    background-size:contain;
    background-repeat: no-repeat;
    min-height: 10vh;
    min-width: 10vw;
    align-content: center;
}