h1{text-align: center;color:#cbbde2;padding: 15px 0px}
body{background:#563d7c;}
.item{text-align: center;margin-bottom: 15px;}
.item div{border: 2px dashed #cbbde2;border-radius: 7px;padding: 20px;}
.item div:hover{background: #ba66ff;box-shadow: 0 0 5px 2px #d5b3f5;}
.item a{color: #cbbde2;text-decoration: underline;}
.item a:hover{color: #007bff;text-decoration: none;}
.item img{max-width: 256px;}
html{position: relative;min-height: 100%;}
body{margin-bottom: 60px;}
footer{text-align: center; position: absolute;bottom: 0;width: 100%;height: 60px;border-top: 2px dashed #cbbde2; color: #cbbde2;}
.copy{margin-top: 15px;}
.nav .active{color:#563d7c;}
.cans, .speed, .pics, .cels{text-align: center;}
.cans textarea, .speed textarea, .pics textarea, .cels textarea{width: 40%;height: 100px;}
.i-cans{text-align: center;font-size: 22px;background: #f5f5f5;margin-top: 20px;}
.i-cans a{color: green;}
.i-cans tr:hover {background-color: #cbbde2;}
.vids, .yml{text-align: center;}
input[type=file]{display: inline-block;}
.vids input[name="vid"]{width: 40%;}
.vids textarea{width: 70%;height: 450px;}
label{color: #cbbde2;}
.pics table{border: 1px solid black;margin: auto;text-align: center;font-size: 22px;background: honeydew;}
.pics table a{color: green;}
.pics table td{border: 1px solid black;}
.breadcrumb{background:#563d7c;font-weight:bold;text-align:center;border-radius: 7px;padding: 0px;}
.breadcrumb .active{color: #cbbde2;}
.content p{text-align: justify;color: #cbbde2;}
.programmCode{width: 100%;height: 500px;resize: none;background: black;border: 1px solid #ccc;color:#fff}
.ready_yml{text-align: center;}