@charaset "utf-8" ;

/*Theme URL: 
Description: 
Author: 
Version: 
Tags:
License: 
License URI: 
Theme Name: socialcontributions-eng
Template: ex-factors*/

@import url('https://fonts.googleapis.com/css?family=Ovo&text=cCdehmnoprsty&display=swap');

body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: 'Ovo', Arial;
  font-size: 16px;
  background: rgb(255,255,255);
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(162,145,134,1) 100%);
}

#scene-container {
  width: 100vw;
  height: 100vh;
}

.credits {
  position: fixed;
  top: 28%;
  left: 25%;
  bottom: 20px;
  
}

/*p {
  color: rgba(0, 0, 0, 0.0);
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
  text-underline-offset: 3px;
  display: inline-block;
}

.animated {
  animation: fadeIn 2s ease-out 5s forwards;
  -moz-animation: fadeIn 2s ease-out 5s forwards;
  -webkit-animation: fadeIn 2s ease-out 5s forwards;
}*/

@keyframes fadeIn {
  
  0% { color: rgba(0, 0, 0, 0.1); }
  100% { color: rgba(0, 0, 0, 0.85); }
  
}

@-moz-keyframes fadeIn {
  
  0% { color: rgba(0, 0, 0, 0.1); }
  100% { color: rgba(0, 0, 0, 0.85); } 
  
}

@-webkit-keyframes fadeIn {
  
  0% { color: rgba(0, 0, 0, 0.1); }
  100% { color: rgba(0, 0, 0, 0.85); }
  
}