head{
    color:#AAAAAA;
    margin:50px;
    text-align:center;
    font-family:"Courier";
    background: white;
}
.main{
    margin:auto;
    max-width:1080px;
    background:black;
    border-radius:10px;
}

body{
    color: black;							
	font-family: "Courier Prime";					/*zmena fontu*/
	
}

html{
    display:flex;
    align-items:center;
    justify-content:center;
    background-size: 25px 25px;
    background-image:
    linear-gradient(to right, grey 1px, transparent 1px),
    linear-gradient(to bottom, grey 1px, transparent 1px);
}

a{
    text-decoration:none;
    color:white;
}

.odkaz{
    background:white;
    padding:3px;
    color:black;
    border-radius:5px;
    margin-right:25px;
    border-right:150px solid #39107B;
}

.odkaz:hover{
    background:white;
    padding:5px;
    color:black;
    border-radius:5px;
    margin-right:25px;
    border-right:150px solid #A349A4 ;
}

a.menu {
    color:white;
    font-family:"Courier Prime";
    font-weight:400;
    font-style:italic;
    text-align:center;
    margin-left:10px;
    background:#39107B;
    border-radius:5px;
    padding:5px;
    text-decoration:none;
    border: 2px solid white; 
}

.menu:hover {
    color:white;
    font-family:"Courier Prime";
    font-weight:400;
    font-style:italic;
    text-align:center;
    margin-left:10px;
    background:#A349A4;
    border-radius:5px;
    padding:7px;
    text-decoration:none;
    border: 2px solid white; 
}
.menu_here {
    color:white;
    font-family:"Courier Prime";
    font-weight:400;
    font-style:italic;
    text-align:center;
    margin-left:10px;
    background:#A349A4;
    border-radius:5px;
    padding:5px;
    text-decoration:none;
    border: 2px solid white; 
}

butt{
    text-align:center;
    color:black;
}
/*tu specifikace textu*/ 

small{
    font-size:18;
    font-style:italic;
}

/*headingy*/

h1{
    color:white;
}

h2{
    color:white;
    text-align:center;
    font-size:26;
}
h3{
    color:white;
    text-align:left;
    font-size:22;
    margin-left:20px;
    margin-right:20px;
    margin-top:10px;
    margin-bottom:5px;
    
}

h4{
    margin-top:1px;
}

p{
    margin-left:50px;
    margin-right:50px;
    line-height:1.8;
}


/*paragrafy*/ 
p1{
    color:white;
    text-align:center;
    font-family:"Courier prime";
    font-weight:700;
    font-size:28;
    margin-left:20px;
    margin-right:20px;
}

p2{
    color:white;
    text-align:center;
    margin-left:20px;
    margin-right:20px;
}

p3{
    color:black;
    font-style:italic;
    font-weight:700;
    font-family:"Courier Prime";
    margin-left:20px;
    margin-right:20px;
}

p5{
    color:white;
    font-weight:700;
    text-align:left;
    margin-left:20px;
    margin-right:20px;
    font-size:18;
}

p4{
    color:white;
    font-size:20;
    text-align:center;
    margin-left:20px;
    margin-right:20px;
}

p6{
    color:black;
    font-style:italic;
    font-family:"Courier Prime";
    margin-left:20px;
    margin-right:20px;
    font-weight:400;
}

h1{
    color:white;
    text-align:center;
    font-size:36;
}

.courier-prime-regular {
  font-family: "Courier Prime", serif;
  font-weight: 400;
  font-style: normal;
}

.courier-prime-bold {
  font-family: "Courier Prime", serif;
  font-weight: 700;
  font-style: normal;
}

.courier-prime-regular-italic {
  font-family: "Courier Prime", serif;
  font-weight: 400;
  font-style: italic;
}

.courier-prime-bold-italic {
  font-family: "Courier Prime", serif;
  font-weight: 700;
  font-style: italic;
}

/*tu divy textu*/

.subtitle{
    text-decoration:underline dotted white 3px;

    font-size:24;
    margin-left:5%;
}

.text{
    color:white;
    margin-left:25px;
    margin-right:25px;
    margin-top:1px;
}

.item_name{
    margin:0px;
    text-decoration-style:bold;
}

/*tu jine elementy*/

.dot_hr{
    color:white;
    margin:5px;
    border-top:5px dotted white;
    height:3px;
    width:100%;
}

.magick{
    text-align:center;
    margin:10px;
    font-family: "Courier Prime", serif;
    font-weight: 400;
    font-style: italic;
    color:white;
    background:#322c42;
    padding:5px;
}

button{
    background:none;
    text-align:center;
    border:none;
}

.galerie{
    display:grid;
    column-gap:normal;
    grid-template-columns:auto auto auto;
}

img.galerie{
    margin:60px;
    border: 5px solid white;
    text-align:center;
    align-items:center;
}
img.galerie:hover{
    margin:58px;
    border: 7px solid white;
    text-align:center;
    transform:scale(110%,110%);
    
}


.scrt{
    background:#595959;
    color:white;
    font-family:"Courier Prime";
    font-weight:400;
    font-style:italic;
    text-align:center;
    margin-left:10px;
    border-radius:5px;
    padding:5px;
    text-decoration:none;
    border: 2px solid white; 
}

.scrt:hover{
    background:#919190;
    color:white;
    font-family:"Courier Prime";
    font-weight:400;
    font-style:italic;
    text-align:center;
    margin-left:10px;
    border-radius:5px;
    padding:5px;
    text-decoration:none;
    border: 2px solid white; 
}

.login{
    color:white;
    margin:20px;
    text-align:left;
    align-items:left;
}

.input{
    margin:20px;
    align-items:left;
    background:black;
    border:2px solid white;
    padding:1px;
    color:white;
}

.input:hover{
    margin:20px;
    align-items:left;
    background:#262626;
    border:2px solid white;
    padding:1px;
    color:white;
}

.vloz{
    padding:5px;
}
.scrt2{
    background:#595959;
    color:white;
    font-family:"Courier Prime";
    font-weight:400;
    font-style:italic;
    text-align:center;
    margin:10px;
    border-radius:5px;
    padding:5px;
    text-decoration:none;
    border: 2px solid white; 
}

.scrt2:hover{
    background:#919190;
    color:white;
    font-family:"Courier Prime";
    font-weight:400;
    font-style:italic;
    text-align:center;
    margin:10px;
    border-radius:5px;
    padding:5px;
    text-decoration:none;
    border: 2px solid white; 
}

ul{
;
    list-style-type:square;
    align-items:flex-start;
    width:50%;
}

li{
    margin:5px;
}

.id{
    padding:10px;
    border:5px solid white;
    margin:25px;
    width:90%;
    display:flex;
    border-left-color:#39107B;
    border-inline:3px dashed #39107B;
}



.item_name{
    font-weight:bold;
}

.minis{
    height:200px;
    width:266px;
}

ol{
    color:white;
    font-weight:900;
}

fieldset{
    color:white;
    margin:20px;
    border:1px solid white;
    border-radius:10px;
}

legend{
    font-weight:700;
    font-size:24;
}