@import url('https://fonts.googleapis.com/css2?family=Alice&display=swap');

@font-face {
  font-family: 'Lora-Italic'; 
  src: url('fonts/Lora-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lora-Regular'; 
  src: url('fonts/Lora-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

html {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
    -webkit-font-smoothing:antialiased;
}

body {
    background-color:rgb(28,26,28);
    color:rgb(174,169,160);
    font-family:"alice";
    font-size:13pt;
    line-height:161%;
    font-weight:400;
}

.section {
    padding:20px;
    border-radius: 50px;
    margin-top:10px;
} 

.section-index {
    background:rgba(10,37,99,0.7);
    padding:20px;
    border-radius: 50px;
    margin-top:10px;
} 

.info-card {
    border-radius:50px;
    text-align:center;
    float:left;
    width:325px;
    height:890px;
    font-size:16px;
    font-family:"park-lane";
}

.info-card h3 {
    font-size:22px;
    text-align:center;
    color:rgb(222,197,85);
    margin-top:30px;
    font-weight:400;
}

.info-card h4 {
    margin-top:-15px;
    font-size:20px;
    color:rgb(222,197,85);
}

.info-card p {
    margin-bottom:-20px;
}

.info-card-text {
    margin:40px; 
    text-align:left;
    font-family:"park-lane";
    font-size:18px;
}

.info-card-tech {
    margin-top:50px;
    font-size:15px;
    color:rgb(164,164,150);
}

.painting {
    width:500px;
    
}

#counter {
    position: fixed;
    top: 1%;
    left: 1%;
    color: rgb(80, 100, 80);
    font-family:Courier;
    font-size:12pt;
}

#nav {
    text-align:center;
    font-size:11pt;
    text-transform:uppercase;
    padding-bottom:35px;
}

#nav p {
    margin-bottom:-20px;
}

#nav p a {
    color:rgb(214,214,200);
	text-decoration:none;
}

#nav p a:hover {
    text-decoration:none;
    color:#d9c456;
}


#myCanvas {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -10;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fade-in-div {
    top:0%;
    animation: fadeIn 3s;
    animation-timing-function: cubic-bezier(0, -5, 0.8, 5);
}

.content {
    width:650px;
    margin:20px auto;
    text-align:left;
}

.copyright {
    font-size:0.4em;
    text-align:center;
}

h4 {
    font-size:21px;
    text-align:center;
    color:rgb(178,158,68);
    margin-top:30px;
    font-weight:300;
    margin-bottom:-5px;
}

h3 {
    font-size:21px;
    text-align:center;
    color:rgb(178,158,68);
    margin-top:30px;
    font-weight:400;
    font-family:"park-lane";
}

h1 {
    text-align:center;
    color:rgb(222,197,85);
    font-weight:800;
    font-family:"milonguita";
    font-size:35px;
}

h2 {
    text-align:center;
    font-size:35px;
    color:rgb(178,158,68);
    margin-top:0px;
    font-weight:600;
    font-family:"milonguita";
}

a {
    color:rgb(174,169,160); 
    text-decoration-style:dotted;
}

a:visited {
    color:rgb(174,169,160); 
	text-decoration:underline;
}

a:hover {
    color:#d6cfc1;
    text-decoration:none;
    color:#d9c456;
}

.initial-char-style {
    font-family:milonguita;
    font-size:45px;
    color:rgb(222,197,85);
}

.code {
    font-family:"source-code-pro";
    font-weight:500;
    font-size:18px;
    letter-spacing:-1px;
}

.paragraphEquation {
    color:#d9c456;
    font-weight:600;
}

.essayImgCaption {
    font-family:park-lane;
    font-size:11pt;
    color:#bbaba1; 
    line-height:150%;
    margin-top:-15px;
    text-align:center;
}

.essayImgCaption p {
    margin:auto;
}

sup {
    color:#b9a446;
    font-weight:600;
}

em {
    color:rgb(222,197,85);
    font-style:normal;
    font-family:"park-lane";
    font-size:14pt;
}

eq {
    color:#b9a446;
}

.essayImg {
    text-align:center;
}

.painting-gallery img {
    width:300px;
}

.homepage-h1 {
    text-align:center;
    font-size:50px;
}

.homepage-sub {
    margin-right:25px;
    margin-top:70px;
    line-height:20px;
    color:rgb(160,160,155);
    font-size:19px;
    font-family:"park-lane";
    text-align:center;
}