@import url('https://cdn.jsdelivr.net/gh/aaaakshat/cm-web-fonts@latest/fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url("German/LOV.FetteFraktur.otf");
@import url("LOV.Liturgisch.ttf");

/*Frakturschrift*/
@font-face {
    font-family: FetteFraktur;
    /*font-weight: bold;*/
    src: url("../German/LOV.FetteFraktur.otf") format("opentype");
}

@font-face {
    font-family: UnicodeFraktur;
    /*font-weight: bold;*/
    src: url("../German/LOV.UnicodeFraktur.otf") format("opentype");
}
/*@font-face {*/
/*    font-family: "LOV.UnicodeFraktur.otf", blackletter;*/
/*    src: url("German/LOV.UnicodeFraktur.otf") format("opentype");*/
/*}*/

/*Fonts*/

body {
  background-image: url('https://aghamalaman.wordpress.com/wp-content/uploads/2025/08/stars-2.gif');
  /*background-repeat: no-repeat;*/
  /*background-attachment: fixed;*/
  /*background-size: 100% 100%;*/
  
}

h1 {
  color: black;
  font-family: "Computer Modern Serif", serif;
  text-align: center;
}

h2, h3 {
  color: black;
  font-family: "Computer Modern Serif", serif;
  margin: 20px;
  text-align: left;
}


p  { 
  font-family: "Computer Modern Serif", serif;
  /*font-family: "Computer Modern Serif", serif;*/
  /*background-color: ;*/
  margin: 20px;
  font-size: 20px;
}

/*Font classes*/

.jost {
  font-family: "Jost", sans-serif;
  font-size: 20px;
}

.liturgisch {
  font-family: Liturgisch;
  font-size: 20px;
}

.unifraktur {
  font-family: UnicodeFraktur;
  font-size: 20px;
}

/*Frames*/

.margin {
  border: 15px dimgray;
  background-color: lightgray ;
  /*background-image: url(https://aghamalaman.wordpress.com/wp-content/uploads/2025/08/360_f_525153525_3tvdbbd5fbmu6lmzbhesbb5ph1ybxjjw.jpg);*/
  color: Black;
  margin-left: 50px;
  margin-right: 50px;
  justify-content: center;
}

.margin2 {
  border: 2px solid black;
  background-color: white ;
  color: Black;
  margin: 20px;
  
  /*margin-left: 50px;*/
  /*margin-right: 50px;*/
  /*margin-top: 20px;*/
  /*margin-bottom: 20px;*/
  /*justify-content: center;*/
}

* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 40%;
  padding: 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


.center {
  text-align: center;
  justify-content: center;

}

/*TopNavBar*/

.topnav {
  /*overflow: auto;*/
  background-color: #333;
  height: 40px;
}

/*.topnav a {*/
/*  float: left;*/
/*  color: #f2f2f2;*/
  /*background-image: url('https://www.myfreetextures.com/wp-content/uploads/2014/10/aluminium-brushed-metal-texture.jpg');*/
/*  text-align: center;*/
  /*padding: 14px 16px;*/
/*  text-decoration: none;*/
/*  font-size: 17px;*/
/*  height: 40px;*/
  
/*}*/


/*Padding generates space*/

/*Changes color when hovered*/

/*.topnav a:hover {*/
/*  background-color: #ddd;*/
/*  color: black;*/
/*}*/


/*Rainbow*/

/*Notes*/