Border CSS part-2 - Comforting Tools

Video Tutoral at https://youtu.be/uZNPqO05z3E

<html>
<title></title>

<head>

<style>
       .border {
                border-left: 5px dotted #09edc7;
                border-top: 5px dotted blue;
                border-right: 5px dotted #09edc7;
                border-bottom: 5px dotted green;
                text-align: center;
                width: 70%;
                margin-left: 15%;
               }
</style>

</head>

<body>
<div class="border">MY BORDER</div>
</body>

<footer></footer>
</html>

Result:

MY BORDER