* {
  font-family: 'Helvetica';
  text-align: center;
  font-size: 1em;
}
body {
    height: 100%;
    margin: 0 !important;
}
html, body{
   margin: 0;
   padding: 0; 
}
body#nothidden {
    overflow: visible;
}
p, h1, h2, h3, h4 {
   margin: 0;
   padding: 0;
}
p {
   color: #fe1493;
}
p.home {
   font-size: 2em;
}
.content {
   display: flex;
   width: 100vw;
   height: 100vh;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}
::selection {
  background: #39FF14;
}
title {
   text-decoration: none;
}

a {
  color: #2200CC;
   &:active {
      color: #2200CC;
   }
   &:visited {
     color: #2200CC;
   }
}

/*** header styles ***/

.header {
   margin-top: 20px;
}
header a {
   text-decoration: none;
}
.header__logo {
    margin-bottom: 7px;
}
a:hover, header.a:hover {
   color: #fe1493;
   unicode-bidi: bidi-override;
   direction: rtl;
}
.bio {
   margin: 15px 0;
}
h1 {
   font-size: 2em;
   font-family: 'Times New Roman';
   font-weight: bold;
   font-style: italic;
   color: #2200CC;
}

/*** video page ***/

.container-videos {
   margin-top: 20px;
}
.video {
   margin: 20px 0;
}
.video-text {
   margin-top: 12px;
}
.video-text p {
    color: #000;
    font-family: 'Times New Roman';
}

/*** responsive ***/

@media only screen and (max-width: 800px) {
   iframe {
      width: 100%;
      height: 100%;
   }
}