Exam/public/main.css

@media (min-width:1920px){
    *{
        margin: 0;
        padding: 0;
    }

    body{
        height: 100vh;
        display: flex;
        flex-direction: column;
    }
    main{
        width: 100%;
        flex: 1;
        display: grid;
        justify-content: center;
        align-items: center;
    }

    header{
        width: 100%;
        height: 3vw;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(to right,#fff 10%, #630256);
    }

    .hedContain{
        width: 95%;
        height: fit-content;
        display: flex;
        justify-content: space-between;
    }

    .img{
        width: 2vw;
        height:2vw;
    }

    .imgSlider{
        width: 1vw;
        height: 1vw;
    }

    .hedLink{
        text-decoration: none;
        color: rgb(255, 255, 255);
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 1vw;
        font-weight: lighter;
    }

    .hedLinks{
        display: flex;
        gap: 5vw;
        align-items: center;
    }

    .slider{
        width: 30vw;
        height: 20vw;
        overflow: hidden;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.247);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    footer{
        width: 100%;
        height: 20vw;
        background-color: #630256;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .fooCon{
        display: grid;
        gap: 2vw;
    }

    .fooLink{
        color: white;
        text-decoration:none;
    }

}