@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
}

/*Home page Top*/
.homepage-top {
    min-height: 55vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: linear-gradient(45deg, rgba(93,47,145,1) 0%, rgba(124,47,145,1) 20%, rgba(124,47,145,1) 50%, rgba(93,47,145,1) 80%, rgba(124,47,145,1) 100%);
}

/*Home page button main*/
.frontPage-buttonMain {
    color: #0060B6;
    text-decoration: none;
}

.frontPage-buttonMain:hover {
    color: #00A0C6;
    text-decoration: none;
    cursor: pointer;
}

/*Card*/
.homepage-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/*Text*/
.card-text > p {
    font-family: Georgia, serif;
    font-size: 30px;
    letter-spacing: 1.4px;
    word-spacing: 2px;
    color: rgba(124,47,145,1);
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}


/*Cards homepage-bot upper*/
.general-info {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 4vh;
}



/*Home page Bot*/
.homepage-bot {
    min-height: 80vh;
    background-color: white;
}

/*Card Component*/
.Simplecard-image > img {
    height: 80px;
    width: 100px;
}

.bot-video {
    display: flex;
    justify-content: center;
}

.shortkeys {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}



#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.form-markdown-container textarea {
    height: 200px;
}

.markdown-container {
    background: white;
    height: 200px;
    border: 2px dashed black;
    padding: 5px;
}



/*Student Index*/
.wrapper-students {
    background: linear-gradient(45deg, rgba(158,86,208,1) 0%, rgba(96,40,98,1) 20%, rgba(160,84,181,1) 48%, rgba(96,40,98,1) 80%, rgba(158,86,208,1) 100%);
}
/*Header student message*/
.headerStudents {
    justify-content: center;
    color: antiquewhite;
    font-family: 'Trocchi', serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 48px;
    margin: 0;
}

    .headerStudents > p {
        text-decoration: none;
        border-bottom: 1px solid white;
    }

/*Search option*/
.studentSearch {
    justify-content: center;
}

.searchButton {
    color: white;
}
/*Add export and pagination*/
.optionsStudents {
    justify-content: space-around;
}

/*New Student Button*/
.indexStudentBTN {
}


.add-studentBackground {
    background: linear-gradient(45deg, rgba(158,86,208,1) 0%, rgba(96,40,98,1) 20%, rgba(160,84,181,1) 48%, rgba(96,40,98,1) 80%, rgba(158,86,208,1) 100%);
}

/*Footer*/
.fab {
    color: white;
}

.footer-copyright > a {
    color: white;
    text-decoration: none;
}

.footer-copyright > a:hover {
    color: white;
    text-decoration: none;
    cursor: pointer;
}
.wrapper-counter{
    min-height:80vh;
}
.counter-info{
    display:flex;
    justify-content:center;

}
.wrapper-todo {
    min-height: 100vh;
}

/*WeatherForecast*/
.allign {
    display: flex;
    flex-direction: column;
    align-items: center;
}