/*fonts*/

@font-face{
  font-family:'shadowsIntoLight';
  src: url(Assets/ShadowsIntoLight.ttf) format(ttf);
}
@font-face {
  font-family:'Zeyada';
  src: url(Assets/Zeyada.ttf);
}

@font-face {
  font-family:'FugazOne';
  src: url(Assets/FugazOne.ttf);
}

@font-face {
  font-family:'ComicNeue' ;
  src: url(Assets/ComicNeu.ttf);
}


/*Scrollbar*/
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background-color: #4274D9 ;
  -webkit-border-radius: 10px;
  border-radius: 5px ;
  border: 1px dashed #4274D9;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius:0px;
  background:#091540;
}

/*body*/


:root {
  --link-color: #D0E7E6;
  --main-color: #ABD2FA;
  --Write-color: #1B2CC1;
  --dark-color: #4274D9;
  --visited-link-color: #95CCDD;
  --border-color:#091540 ;
  --border-radius: #293681;
  --box-shadow: #162E93;
  --background-color:;
  
  --fonts-color1: 
  --fonts-color2:
  --fonts-color3:
  --fonts-color4:
  
}

body {
  height:100%;
  background-image: url(https://i.pinimg.com/originals/ea/d9/be/ead9be3c136c0e633b79c6bc234fd98b.gif);
  background-size: 120px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
}

header {
  background-color: #ABD2FA;
  background-size: cover;
  background-position: center ;
  margin-top:10px;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 10px;
  padding: 5px 10px 5px;
  box-shadow: 4px 4px 0 var(--box-shadow);
  border-radius: 40px 40px 0px 0px;
}

h1 {
  font-family: FugazOne;
  font-size: 40px;
  color:var(--Write-color);
}

.Contenedor{
  display: grid;
  grid-template-columns: 200px 1fr 220px;
  gap: 15px;
  max-width: 100;
  margin: 0 auto;
}