@import url("styles.css");
@import url("validation.css");

@import url("form.css");
@import url("component/card.css");
@import url("component/accordion.css");
@import url("component/message.css");
@import url("component/loader.css");
@import url("form.css");
@import url("fonts.css");
@import url("flexStyles.css");
@import url("colors.css");
@import url("custom/header.css");
@import url("custom/sections.css");
@import url("custom/slider.css");


* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
    font-family: sans-serif;
}


body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;   
    display: flex;
    margin: 0px;
    padding: 0px;
    /* height: fit-content; */
    /* height: 100vh; */
    justify-content: center;
}

.hide{
    visibility: collapse;
    display: none;
}

app{
    flex: 1;
    flex-flow: column;
    /* max-height: 100vh; */
    /* max-width: 100vw;  */
    max-width: 1200px; 
    margin: 0px;
    padding: 0px;
    /* width: 100vw; */
    width: 100%;
    height: fit-content;
    
}

::-webkit-scrollbar {
    /* width: 0px;
    background: transparent;   */
    
}

::-webkit-scrollbar-thumb {
    /* background: #FF0000; */
}

@media (max-width: 600px) {
    
}