/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 5, 2020, 3:50:20 AM
    Author     : ahmedqazzaz
*/

@font-face {
  font-family: mainFont;  
  src: url(Source_Sans_Pro/SourceSansPro-Regular.ttf);
}

body{
    font-family: mainFont;
}

p{
    text-align: justify;
     
}

#topWrapper{
    width: 90%;
}

a{
    color: #007bb6;
    text-decoration: none;
}

ul, li{
    list-style: none;
}

#myImage{
    

    /*margin-left: 50px;*/
    /*-webkit-mask-image:-webkit-gradient(linear, left center, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));*/
      
    
    
}


.niceButton{
    background-color: #EFEFF9;
    padding: 10px 20px;
    text-decoration: none;
    color: black;
    border-radius: 6px;
}

#pdfIcon {
    width: 32px;
    margin-left: 25px;
    vertical-align: bottom;
}

  .center {

  position: absolute;
  top: 50%;
  /*left: 50%;*/
  transform: translate(0%, -50%);
}

.typewriter{
    overflow: hidden;
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

.note {
    font-size: 12px;
    color: #d4d4d4;
}

.container {
      scroll-snap-type: y mandatory;
  overflow-y: scroll;

  border: 2px solid var(--gs0);
  border-radius: 8px;
  height: 33vh;
}

.container div {
  scroll-snap-align: start;

  height: 33vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
}