@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap');

:root {
  --font: #FFFFFF99;
  --fontAccent: rgb(252, 198, 61);
  --new: rgba(252, 198, 61, 0.14);
  --bkg: #2e3338;
}

*{
      box-sizing: border-box;
}

body {
  font-size: 14px;
  font-family: 'Source Code Pro', monospace;
  background-color: #2e3338;
  margin:0;
}

div, h1{
  color:var(--font);
}

h1{
  position:fixed;
  right:0;
  bottom:0;
  margin: 0;
  font-size:14px;
  padding:12px 24px;
  color:var(--font);
  background: var(--bkg);
}
h1 span{
  color:var(--fontAccent);
}


#logsWindow{
  padding:48px 0px;
}

#logsWindow .row{
  padding: 12px;
  background-color: #2e373f;
  color:var(--fontAccent);
}
#logsWindow .row:nth-last-child(even){
  background-color: var(--bkg);
  color:var(--fontAccent);
}

#logsWindow .row>span{
  color:var(--font);
  font-size: 12px;
}

#logsWindow .row>span .logId{
  margin-right: 12px;
  cursor: pointer;
}

#logsWindow .row>span .logId:hover{
  border-bottom: 2px solid rgba(255, 0, 0, 0.652);
}

/* #logsWindow .row>span .logDate{
  cursor: pointer;
}

#logsWindow .row>span .logDate:hover{
  border-bottom: 2px solid var(--fontAccent);
} */


#logsWindow pre{
  white-space: pre-wrap;
}

#logsWindow .row.new{
  background-color: var(--new);
}

#logsWindow .row{
  transition-duration: .5s;
}

.goToTag{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:24px;
  height:100vh;
}

.goToTag input{
  border:0;
  height:50px;
  border-radius: 4px 0px 0px 4px;
  padding:8px 12px;
  width:50%;
}

.goToTag button{
  border:0;
  height:50px;
  border-radius: 0px 4px 4px 0px;
  padding:12px;
  cursor:pointer;
}

.operation{
  position:fixed;
  left:0;
  bottom:0;
  font-size:14px;
  padding:12px 24px;
  color:var(--font);  
  background: var(--bkg);
}

.operation .delete{
  cursor: pointer; 
  transition-duration: .5s;
}

.operation .delete:hover{
  transform: scale(1.2);
}

.content{
  padding: 14px 12px;
  max-width: 1024px;
  margin: auto;
}

.content h1{
  padding: 14px 12px;
  max-width: 1024px;
  margin: auto;
}

.content a{
  color:var(--fontAccent);
}