:root{
  --beautiful_elegant_pink: #f838f6;
}

@font-face {
  font-family: Hijrnotes;
  src: url(https://files.cargocollective.com/c499346/Hijrnotes.ttf);
}

html {
	font: 14px courier, icons;
    color: black;
  	width: 100vw;
  	height: 100vh;
  	margin: 0;
    padding: 0;
}
page, container, page_container {
    width: 100%;
    height: 100%;
	margin: 0;
    padding: 0;
}

[data-predefined-style="true"] bodycopy {
	font-family: courier, monospace, icons;
    margin: 0;
    padding: 0;
}
[data-predefined-style="true"] h1 {
	font-family: courier, monospace, icons;
}
[data-predefined-style="true"] h2 {
	font-family: courier, monospace, icons;
}
[data-predefined-style="true"] small {
	font-family: courier, monospace, icons;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover{
  color: var(--beautiful_elegant_pink);
}

body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

hr{
  border: 1px solid var(--beautiful_elegant_pink);
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 .1em;
}

li{
  line-height: 1.7em;
}
img {
	margin: 2em 0;
}

#awning{
  display: flex;
  height: 35vh;
  background-color: white;
  justify-content: center;
}
#headline{
  align-self: flex-end;
}
hr{
  border: 1px solid var(--beautiful_elegant_pink);
  margin: 0;
}
#faculties{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  padding: 1vw;
  position: relative;
  overflow: auto;
}
.faculty {
	justify-self: center;
    width: 50vw;
}
#obviousstory {
  justify-self: center;
  width: 50vw;
  margin: 1em 0;
}
.cleanperspective {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
  margin: 2rem 1rem;
}
.frame {
    box-sizing: border-box;
    min-height: 100%;
    padding: 7vw;
    position: relative;
}
.thepartialstory{
    margin-bottom: 1em;
}
.contact {
    position: relative;
}
.socialbeingsocial {
    position: relative;
    vertical-align: middle;
}
.tableofcontacts {
    line-height: 2em;
  }
#hmwrdbnd {
    margin-top: 1em;
}
#hmwrdbnd-crtr {
  position: absolute;
  bottom: 3rem;
  left: 3rem;
}
@media only screen and (orientation: landscape) {
  #awning {
    height: 35vh;
  }
  #headline{
    font-size: 9vw;
  }
  #faculties{
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3rem;
  }
  .faculty {
    justify-self: start;
	width: initial;
}
    .cleanperspective {
    grid-template-columns: 1fr 3fr;
  }
	.thepartialstory {
	margin-bottom: 2em;
}
    #hmwrdbnd-crtr {
  left: 5rem;
}
}
/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
    background-color: transparent /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}

.quick-view-navigation .close-button .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button {
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}