@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&family=Life+Savers&display=swap');

/*
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600;700&display=swap');
*/

a { text-decoration:none }	
	
#masthead { display:none }
#colophon.site-footer { display:none }

#boxer { position:fixed; bottom:0; left:0; z-index:0 }
#yeah { width: 1024px; height: 708px }

#info-box { position: fixed; right:70px; z-index:10; top:0px; text-align:right } 

.entitlement { color: rgba(221,221,221,0.7); font-size: 108px; font-family: 'Life Savers', sans-serif; font-weight: 200;  line-height:96px; margin-top:30px } 

.big-icons { color: rgba(221,221,221,0.7); font-size: 72px; letter-spacing: 4px; display:none }

#wordly { font-family: 'Life Savers', sans-serif; font-size: 24px; letter-spacing: 2px; color: #ddd; padding-left:7px; line-height:32px; margin-top:-30px }
#wordly a, a:visited { color: #ddd }
#wordly a:hover { color: #84936b } 

#tiny { font-size: 19px; letter-spacing: 2px; color: #ddd; display: none }
#tiny a, a:visited { color: #ddd }
#tiny a:hover { color: #84936b } 

@media screen and (max-width: 1800px) { 
   #yeah { width:600px; height:600px }
} 

@media screen and (max-width: 1600px) { 
   .entitlement { line-height: 96px }
   #yeah { width 530px; height:530px }
   .big-icons { font-size:60px; letter-spacing: 2px } 
} 

@media screen and (max-width: 1280px) { 
   #yeah { width:450px; height:450px }
   .entitlement { font-size:90px; line-height:96px }
	#wordly { font-size:21px }
}  

@media screen and (max-width: 1024px) { 
   #yeah { width:375px; height:375px }
   .entitlement { font-size:76px; line-height:88px; margin-top:15px } 
   .big-icons { font-size:65px; letter-spacing:1px }
}

@media screen and (max-width: 980px) { 
	#info-box { margin-top:70px; right:30px }
    .entitlement { font-size:84px; line-height:96px; margin-top:15px }
  	#wordly { font-size: 24px; letter-spacing: 0px; line-height:36px; margin-top:0px } 
}

@media screen and (max-width: 600px) { 
   #yeah { width:200px; height:200px }
   #info-box { margin-top:15px; right:20px }
   .entitlement { font-size:42px; line-height:42px } 
   .big-icons { font-size:42px; letter-spacing:2px }
   .alt-icons { display: none }
   #tiny { display: none }
   /* #tiny { display: inline-block; font-family: 'Nunito', sans-serif } */
}

.big-icons a, a:visited {  color: rgba(221,221,221,0.7); text-decoration: none  }
.big-icons a:hover {  color: rgba(126,163,182,0.7); text-decoration: none  }

a.carrot-link, a.carrot-link:visited {  color: rgba(221,221,221,0.7); text-decoration: none  }
a.carrot-link:hover {  color: rgba(237,145,33,0.7); text-decoration: none  }