body, a, a:hover, textarea { cursor:url("https://cepheus.neocities.org/img/cbasic.png"), crosshair;}
html{
overflow-x:hidden;
}
body{
background-color: rgb(255, 255, 255);
background-repeat:repeat;
overflow-x:hidden;
font-family:georgia;
font-size:  0.85vw;
letter-spacing: 2px;
color: black;
}
.head{
display:contents;
background-color: rgb(255, 255, 255);}
.head img{
opacity: 1;
height:50%;
width:100%;
}
#head1{
position: absolute;
margin: 0;
padding:0;
top:0px;
left:0px;
}
#head1 img { transition: opacity 250ms ease; display: block; opacity: 1; }
#head1 img.hidden { opacity: 0; }
a{
text-decoration:none;
color: black;
border-bottom: 2px solid #444243;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
a:hover{
border-bottom: 2px solid #ac2632;
letter-spacing: 4px;
-moz-transition:.7s;
-webkit-transition:.7s;
transition:.7s;
}
#box{
position:absolute;
border: 0px solid black;
top: 80px;
left: 1545px;
width: 240px;
font-family:georgia;
font-size:  0.75vw;
background-color: #fff;
height: auto;
max-height: 350px;
overflow-y: auto;
overflow-x:hidden;
letter-spacing: 2px;
color: black;
margin: 0;
padding: 5px;
border: 1px solid #ac2632;
}
h1{
text-align:center;
margin:0;
padding:0;
font-family:georgia;
font-size: 1.9vw;
color:#ac2632;
letter-spacing:1px;
font-weight:normal;
line-height: 1.5vw;
border-bottom: 2px solid #dc6e74;}
h2{
text-align:center;
margin:0;
padding:0;
font-family:georgia;
font-size: 30px;
color:#ac2632;
letter-spacing:1px;
font-weight:normal;
line-height: 22px;
border-bottom: 2px solid #9b7174;}
h3{
text-align:right;
margin-top: 0.694vw;
margin-bottom: 0.694vw;
padding: 0.694vw;
font-weight:normal;
background: #eee;
}
h3 u{
text-decoration: underline;
}
::-moz-selection {
color: white;
background: #dc6e74;
text-shadow: 0px 0px 2px white;
}
::selection {
color: white;
background: #dc6e74;
text-shadow: 0px 0px 2px white;
}
#blog{
margin: 0 auto;
width: 85%;
padding:0;
margin-top: 440px;
}
p {
text-shadow: 1px 1px 2px #fff;
}
#content{
width: 70%;
margin: 10px;
float:left;}
#side{
width: 25%;
float:right;
margin: 10px;
padding:0;
}
.sidebox{
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
#footer{
width: 100%;
float:left;
text-align:center;
font-size: 1.2vw;
border-top: 2px solid #dc6e74;
}
.nav{
margin:0;
padding:0;
text-align:center;
width:100%;
margin-bottom: 40px;
padding-right: 10px;
padding-left:0;
padding-top:15px;
padding-bottom: 9px;
border-bottom: 1px solid #eee;
}
.nav a{
border: 1px solid black;
display: inline-block;
padding:5px;
text-align:center;
width: 40%;
margin-bottom:6px;
font-size: 0.9vw;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
.nav a:hover{
-moz-transition:.5s;
letter-spacing:2px;
-webkit-transition:.5s;
transition:.5s;
color:white;
background: #dc6e74;
border: 1px solid #ac2632;
text-shadow: 0px 0px 2px white;
}
.tags{
margin:0;
padding:0;
text-align:center;
width:100%;
margin-bottom: 40px;
padding-right: 10px;
padding-left:0;
padding-top:15px;
padding-bottom: 9px;
border-bottom: 1px solid #eee;
}
.tags a{
border: 1px solid black;
display: inline-block;
padding:0.347vw;
text-align:center;
width: 15%;
margin-bottom:0.417vw;
font-size: 0.9vw;}
.tags a:hover{
-moz-transition:.5s;
letter-spacing:2px;
-webkit-transition:.5s;
transition:.5s;
color:white;
background: #dc6e74;
border: 1px solid #ac2632;
text-shadow: 0px 0px 2px white;
}
.post{
padding-bottom: 1.389vw;
margin-bottom: 2.778vw;
border-bottom: 1px solid #eee;}

.tab-content {
float: left;
width: 100%;
}
.tab-content .tab-pane {
display: none;
}
.tab-content .tab-pane.active {
display: block;
}
.tab-content > .active {
display: block;
}
ul{
list-style-type:square;
list-style-image: url('obrazy/icon.gif');}
::-webkit-scrollbar {
width: 7px;
background:#dc6e74;
border: 1px solid #ac2632;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0px rgba(0,0,255,1);
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
border-radius: 0px;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5);
background: #fff;
border: 1px solid #ac2632;
}
strong, b{
color:#dc6e74;
}
i, em{
color: #aaa;}
u{
text-decoration-line: underline;
text-decoration-style: double;}
.avatar{
opacity: 0.7;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
float:left;
width: 7vw;
height: 9vw;
margin: 3px;
background: url('https://picsum.photos/400/600')}
.avatar:hover{
opacity: 1;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
.med, .med img{
width:2.222vw; height:2.222vw; margin: 0; padding: 0;}
.mob{display:none;}
@media only screen and (min-width: 751px) and (max-width: 950px){
#content{
width: 70%;
margin: 5px;
float:left;}
#side{
width: 23%;
float:right;
margin: 10px;
padding:0;
}
}
@media only screen and (max-width: 750px) {
html{width:100%;
margin:0;
padding:0;
border-top: 50px solid #dc6e74;
}
body{
width:95%;
margin: 0 auto;
background:white;
padding: 0;
font-size: 20px;}
#box{
position:static;
display:block;
margin: 0 auto;
padding: 0;
border: none;
width: auto;
height: auto;
max-height: none;
font-size:inherit;
margin-top:20px;
margin-bottom: 20px;
}
.nav, .tags{width: auto; text-align:center; margin: 0 auto; }
.nav a, .tags a{
text-align:center;margin-left: 10px;
width: auto;
font-size: 25px;
display:block;}
#blog{
width: auto;
margin: 0px auto;
padding:0;}
#content{
width:auto;
padding:0px;
margin: 0 auto;
}
#side{
width: auto;
margin: 0;
padding:0;
}
#footer{
width: auto;
margin: 0;
padding: 0.747vw;
padding-right: 1.5vw;
font-size: inherit;
}
img{
max-width: 100%;}
.soc img{
width: 100%;
}
h1, h2{
font-size: 40px;
line-height: 30px;}
.avatar{
width: 150px;
height: 250px;
}
#blog{
display:contents;}
.med, .med img{
width: 10.472vw;
display: inline;
height:10.472vw;}
.mobhide{
display:none;}
.mob{display:block; width: 98%; margin: 0 auto;}
.head{
display:none;}}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 5% auto;
padding: 20px;
background: #fff;
width: 39.5%;
position: relative;
transition: all 5s ease-in-out;
}
.popup h1 {
margin-top: 0;
}
.popup .close {
position: absolute;
top: 10px;
right: 20px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #dc6e74;
letter-spacing:2px;
}
.popup .content {
max-height: 30%;
overflow: auto;
}
@media screen and (max-width: 700px){
.box{
width: 70%;
}
.popup{
width: 70%;
}
}
.mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}
.mini img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    display: block;
}
.big {
    width: 739px;
    height: 739px;
    object-fit: cover;
    display: block;
    margin-top: 30px;
}