<section class="my--8">
    <form class="maw--7 mx--a bgc--wh1 p--3 bxsw--4 brrad--3">
        <fieldset id="login" class="brw--0 m--0 p--0">
            <legend class="fts--4 lnh--4 ftwt--6 px--0 mb--2">Log In</legend>
            <div class="mb--2">
                <label class="d--blk c--gy6 ftwt--3" for="email">Email</label>
                <input class="bxs--brbx p--1 w--100p" type="email" name="email"  id="email">
            </div>
            <div class="mb--2">
                <label class="d--blk c--gy6 ftwt--3"  for="password">Password</label>
                <input class="bxs--brbx p--1 w--100p" type="password" name="password" id="password">
            </div>
            <label class="cur--ptr lnh--2 fts--2"><input type="checkbox">Remember me</label>
        </fieldset>
        <div class="my--2">
            <input class="d--ieblk py--1 px--2 bgc--tp brw--1 brst--sol brc--gy8 cur--ptr bgchvr--bk1 chvr--wh1 brrad--3 fts--3 lnh--3 w--100p" type="submit" value="Log in">
        </div>

        <a href="#" class="c--gy8 txtdec--n fts--2 lnh--2 bgchvr--yl1">Sign up</a> <br>
        <a href="#" class="c--gy8 txtdec--n fts--2 lnh--2 bgchvr--yl1">Forgot your password?</a>
    </form>
</section>