/** Base CSS Start **/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, strong, th, var, html, body {
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
html, body {
	color: #000000;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	height: 100%;
	letter-spacing: 0.4px;
	-webkit-overflow-scrolling:touch;
	font-weight: normal;
	font-style: normal;
}
table{ border-collapse: collapse; border-spacing: 0; margin-bottom: 25px;}
fieldset, img{ border: 0; }
caption, th{ text-align: left; }
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
input, textarea { 
	-webkit-border-radius: 0; 
}
input, textarea, select{ 
	font-family: inherit; 
	font-size: inherit; 
	font-weight: inherit; 
}
input[type="text"], textarea, select { -webkit-appearance: none; -webkit-border-radius: 0; }
textarea {resize: none; overflow-y: auto;}
select::-ms-expand {display: none;}
*:focus { outline: none; }
figure{ margin: 0; }
ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
abbr, acronym { border-bottom: 1px dotted #000000; cursor: help; font-variant: normal; }
em{ font-style: italic; }
th, td{ border: 0px; padding: 0.5em; }
caption{ margin-bottom: 0.5em; text-align: center; }
p, pre{ margin-bottom: 15px; margin-top: 0; }

*:focus { outline: none; }
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
audio, canvas, embed, iframe, img, object, svg, video{ display: block; vertical-align:middle; }
[type="button"], [type="reset"], [type="submit"], button{ -webkit-appearance: none; }

/** Base CSS End **/

/* 
.container
{
    max-width: 100%;
    background-color: #050104;
    padding-top: 50px;
    display: flex; 
}
.svg
{

    margin: auto;
    width: 310px;
    height: 100vh; 
    display: block;
    padding: 10px;
   
}
.image
{
    margin: auto; 
    display: block; 
    width: 250px;
    height: auto;
    padding: 50px;
}  */

body
{
  background-color: #0c0b11;

}
.container
{
  max-width: 100%;
  display: flex;
  padding: 50px;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  /* padding-top: 50px;
  padding-bottom: 50px; */
}


.logo
{
  margin: auto;
  display:block;
  width: 265px;
} 
.bottom-img 
{
  padding-top: 50px;
  width: 150px;
  margin: auto;
}
.bottom-img img
{
  width:100%;
  height:auto;

}
.logo , .bottom-img 
{
  opacity: 0; 
  transform: translateY(50px); 
  transition: all ease 1s; 
}
.after-load .logo
{
  opacity:1;
  transform : translateY(0);
}
.after-load .bottom-img
{
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.5s;
}