body {
    background-color: rgb(0, 0, 0);    
}

h1 {
    color: white;
    text-align: center;
    font-family: monospace;
}

h2 {
    color: white;
    font-family: monospace;
}

p {
    color: white;
    font-family: monospace;
}

a {
    color: yellow;
    font-family: monospace;
}

a:hover {
    color: red;
    background-color: white;
}

a:visited {
    color: orange;
}

a:visited:hover {
    color: red;
}

img {
    border-bottom-left-radius: 20px;
}

embed {
    border-bottom-left-radius: 20px;
}

iframe {
    border-bottom-left-radius: 20px;
}

.nav {
    border: solid 2px white;
    margin: 100px;
    border-bottom-left-radius: 20px;
}

.navrow {
    margin: 10px;
}

.navbutton {
    text-align: center;
}

.broider1 {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAU1JREFUeF7t2UsKwkAURUHf/hfdmUdI0lBIkOM04bSUF/Eza631uXjMzFxdP1/TvZ2z33DvaADdewPSznMIdEfrwb2BPkDaueULdPc98+6w81uA7t+d/+vrgWLxQAPFAji39RkTn/2XuUDxyxpooFgA51pooFgA51pooFgA51pooFgA51pooFgA5/q1KVAsgHMtNFAsgHP9SRcoFsC5FhooFsC5vikFigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVwroUGigVw7gB2EYBVG47GlwAAAABJRU5ErkJggg==") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
}

.broider2 {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAWhJREFUeF7t2EFqw0AQRUHP/Q+tbGNtmkbPIeDKLsz42xQvAue8/KwEruu6fr/gnHPefl+tufwCGkcAFGgsMMzdi9u+u2foTQzoNiGFxmJAPwv69E/8/um+/hkKNA4WKNBYIJ6bvuk8PX/7Yh9/9n859xRsej3Q23+LJrDpHCjQzz5JpgKnd/+6QicQoJPQ8hzoEmy6DnQSWp4DXYJN14FOQstzoEuw6TrQSWh5DnQJNl0HOgktz4EuwabrQCehPz73XT4GBwo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnFAo0FojnfgCBdpBVQ9IthQAAAABJRU5ErkJggg==") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
}

.broider3 {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAcVJREFUeF7tmsEOgyAQBcv/fzQ9SxNfNjuosdNbq/uQYRA0HZ/lM+ec62+d72OM0amna3f376ezuxukAVXzdvdPoNURWc5fZ6BA7waa7onrlErnN/tTLk9TPl1v6l/Z0G6DZQJwgUAFetx2JaNhXjHucYbGKw6rYLWePj8BrbbnKr/5waW8KHVHsFpPn6+hMNHbgVYXlbRPg/mU47rXl+rjlBfoccwEGt6m0cJoaPH1YtvQ8k3Kfej5PUKg5wTc2Lux786Ra2egi9LVixK9rWB9q6elVTolpnoN1dDk0PnxZFhKT/XR0NRAOl69ZaS87vHbX450OyDQzfu07gB16zW0SzC8HOnGxyelbgP/Xv+oP3K9YTAECo+iQAUKE4DjNFSgMAE4TkMFChOA4zRUoDABOE5DBQoTgOM0VKAwAThOQwUKE4DjNFSgMAE4TkMFChOA4zRUoDABOE5DBQoTgOM0VKAwAThOQwUKE4DjNFSgMAE4TkMFChOA4zRUoDABOE5DBQoTgOM0VKAwAThOQwUKE4DjNFSgMAE4TkMFChOA4zRUoDABOE5DBQoTgOM0VKAwAThOQwUKE4DjNFSgMAE4TkNhoF9WxkBkGQ55ZQAAAABJRU5ErkJggg==") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
}

.broider4 {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAalJREFUeF7t2NGugyAURFH5/4+2r3qa9GTChqZ231dxkMVQezsO/1CBgaYZdggKl0DQb4Oe53len2GM8ahNmV1fjDE7IVwIPG52fYKWLREU7uhy0DpB9/y/9plKr6898vSE3Ybsvk6vT9DyraXb0O4ECroaND0Cszva3U9fX72+t4aunpAGSvNWr0/QdEfK+PqZKigNSh+B7vm6t2R3f3p9+/q2T7j5x5Tt69s+oaDpIfs8/vFHvi6/a2wFScez25Onpc+bjo/f8oLeN3H6a5Oggt4E0iOcjvfIN//5CNq8p1KgdLwNtaH5V6XrHWnj0vHtD8xzj/9/dwsK77mggsICcJwNFRQWgONsqKCwABxnQwWFBeA4GyooLADH2VBBYQE4zoYKCgvAcTZUUFgAjrOhgsICcJwNFRQWgONsqKCwABxnQwWFBeA4GyooLADH2VBBYQE4zoYKCgvAcTZUUFgAjrOhgsICcJwNFRQWgONsqKCwABxnQwWFBeA4GyooLADH2VBBYQE4zoYKCgvAcTZUUFgAjrOhgsICcJwNFRQWgONsqKCwABz3AlA8AFTdhKtUAAAAAElFTkSuQmCC") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
}

.colordiv {
    background-image: linear-gradient(red,yellow);
    background-attachment: fixed;
}