:root {
--font-titre: "Jacquard 12";
--black: #17161D;
--red: #8E1633;}

body {
  margin : 10% 10% 10% 10%;
  position: relative;
  color: white;
  text-align:justify;
  font-family: "Nanum Gothic Coding";
  background: var(--black);
  background-position: center;
  background-attachment: fixed;}

a {
  color:var(--red);}
  
.blog {
  display:flex;}

h1 {
  margin-left: 60px;
  margin-top:-2%;
  font-family: var(--font-titre);
  line-height: 0.7;
  text-shadow: 4px 6px var(--red);}

.sidenav {
    width: 25%}

.sidenav a {
  padding: 1px;
  font-family: var(--font-titre);
  font-size: 20px;
  margin-left: 70px;}

.dogdog {
    width: 200px;
    height: 200px;;
background-image: url(https://i.imgur.com/Oy9o5o7.png);
background-size: 100%;
margin-top: -40px;
margin-left: 55px;}

.primary {
  height: auto;
  float: center;
  margin-left: 55px;
  width: 35%;
  border: solid white 2px;}

.other {
  color: var(--red);
  margin-top:-2%;
  width: 20%;
  margin-left: 155px;}
  
p {
  padding: 25px;
  font-size: 14px;
  margin-bottom: 25px;}

footer {
  background-color: var(--black);
  line-height: 2;
  width: 50%;
  margin-left: calc(22%);
  margin-right: 25px;
}

a:hover {
  color: white;}

::selection {
  background: var(--red);
  color: white;}

::-moz-selection {
  background: var(--red);
  color: white;}