/*


mamsima beige: #d3b998


*/

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
text-shadow: 0px 0px 1px white;
text-align: left;
top: 0;
left: 0;
background-color: #001de0;
font-size: 20px;
font-family: arial narrow, sans-serif;
background-size: 60%;
color: white;
background-image: none;
}

@font-face {
  font-family: AntonRegular; /* set name */
  src: url('./Anton/Anton-Regular.ttf'); /* url of the font */
}


div:hover {

transform: rotate(-5deg);

}

img:hover {

transform: rotate(5deg);

}

.periodical {
display: none;
position: fixed;
transform: rotate(-5deg);
text-align: justify;
top: 25%;
right: 39%;
width: 339px;
border: 1px dashed black;
padding: 1%;
border-radius: 20px;
color: black;
background-color: lawngreen;
}


.issue {
display: none;
position: fixed;
left: 18%;
bottom: 17%;
width: 200px;
border: 2px solid black;
padding: 1%;
background-color: cyan;
color: black;

}



.issueimage {
display: none;
position: fixed;
top: 49%;
left: 51%;
box-shadow: 0px 0px 10px blue;
}


.mar {
display: none;
position: fixed;
bottom: 1.5%;
right: 0%;
color: yellow;
-webkit-text-stroke: 1px black;
background-color: #001de0;
font-family: arial narrow, sans-serif;
letter-spacing: 3px;
font-size: 16px;
font-weight: bold;
border-top: 1px dashed yellow;
border-bottom: 1px dashed yellow;

}


.mp {
display: none;
position: fixed;
text-align: justify;
right: 4%;
bottom: 11%;
width: 200px;
border: 4px ridge #fc5b05;
padding: 1%;
font-size: 13px;
font-family: serif;
color: #fc5b05;
text-shadow: none;
background-color: rgba(248, 252, 141, 0.7);
}

.mp:hover {

transform: rotate(0deg);
background-color: lemonchiffon;

}



.logo {
display: none;
position: fixed;
left: 5%;
bottom: 5%;

}


.pens {
display: none;
position: fixed;
right: 19%;
top: 33%;
}



.digisum {
display: none;
color: black;
width: 88px;
position: fixed;
top: 17%;
right: 11%;
font-family: arial narrow, sans-serif;
background-color: yellow;
text-shadow: 0px 0px 3px white;
font-size: 13px;
border-radius: 10px;
padding: 5px;
line-height: 110%;
font-size: 16px;
box-shadow: 2px 2px 4px gray;
}


.title {
display: none;
position: fixed;
transform: rotate(5deg);

}

@keyframes color {

0% {color: fuchsia;}
20% {color: blue;}
40% {color: green;}
80% {color: orange;}
100% {color: red;}


}


.mag {
display: none;
color: black;
animation-name: color;
animation-duration: 5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
position: fixed;
left: 51%;
top: 5%;
font-size: 85px;
}



.flo {
display: none;
position: fixed;
left: 60%;
top: 25%;
color: deeppink;
}



.bookmarks {
display: none;
position: fixed;
bottom: 44%;
left: 5%;
}



.stock {
display: none;
cursor: pointer;

}


.stock:hover {

transform: rotate(0deg);

}

.mobile {
display: block;
position: fixed;
top: 1.5%;
right: 0%;
color: yellow;
-webkit-text-stroke: 1px black;
background-color: #001de0;
font-family: arial narrow, sans-serif;
letter-spacing: 3px;
font-size: 22px;
font-weight: bold;
border-top: 1px dashed yellow;
border-bottom: 1px dashed yellow;

}


.bulletin {
background-color: black;
-webkit-text-stroke: 1px white;
color: black;
width: 300px;
position: fixed;
bottom: 10%;
left: 50%;
border: 2px dashed antiquewhite;
padding: 2%;
display: none;
}