/*
 Theme Name:   Twenty Twenty One Child
 Description:  Twenty Twenty One Child Theme
 Author:       Ibnul Hasan
 Author URI:   https://ibnulhasan.com/
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentytwentyonechild
*/




/* Custom css */

@font-face {
  font-family: gotham-bold;
  src: url('fonts/gotham-bold.woff');
  src: url('fonts/gotham-bold.woff2');
}
@font-face {
  font-family: gotham-light;
  src: url('fonts/gotham-light.otf');
}

body {
    background-color: #000;
    color: #fff;
}
main#main {
    height: 100vh;
    padding: 0;
    margin: 0;
}


#landing-wrapper {
    text-align: center;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
div#landing-wrapper div {
    flex-basis: 100%;
}

#landing-wrapper a {
	color: #fff;
}
.content-text, .social-links {
    margin-top: 40px;
}
.social-links ul {
    padding: 0;
}
.social-links ul li {
	display: inline-block;
	height: 30px;
   width: 30px;
   background-image: url('images/social-icons.png');
   margin: 0 5px;
   background-size: auto 30px;
}
.social-links ul li a {
	display: block;
	text-indent: -99999px;
	color: #fff;
	height: 100%;
}
.social-links a:focus {
    background: transparent !important;
}
.social-links ul li:hover {
    animation-name: bounce-1;
    animation-timing-function: linear;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    opacity: 0.7;
}
@keyframes bounce-1 {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}
p.mailto-text {
    font-family: 'gotham-bold', arial;
    font-size: 18px;
}
.mailto-text a {
	font-family:  'gotham-light', arial;
}
li.instagram {
	background-position: -42px 0px;
}
li.tiktok {
    background-position: -83px 0;
}
li.linkedin {
	background-position: -122px 0px;
}
li.twitter {
	background-position: -165px 0px;
}
li.pinterest {
	background-position: -206px 0px;
}