@font-face {
  font-family: basiic;
  src: url("src/basiic.ttf");
}

@font-face {
  font-family: love;
  src: url("src/love.ttf");
}


.love {
  font-family: love;
  font-size: 20px;
}

#hitcount p {
  margin-top: 5px;
  margin-bottom: 5px;
}

#lastupdate {
  opacity: 0.5;
  margin-left: 10px;
}
.footer{
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
}

* {
  box-sizing: border-box;
  color: #777777;
  cursor: url("src/images/cursor.png"), default;
  font-family: basiic;
}

body {
  margin: 0;
  overflow: hidden;
  background: radial-gradient(#777777ab 1px, transparent 1px) 0 0 /3px 3px,
    radial-gradient(#777777ab 1px, transparent 1px) 1px 1px /3px 3px,
    radial-gradient(#777777ab 1px, transparent 1px) 2px 2px /3px 3px,
    url("src/images/bg.jpg");
}
#avatar {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 28px 0px #0000009c;
}
.container {
  width: calc(1000px - 40px);
  margin: auto;
  height: calc(650px - 40px);
  box-shadow: inset 0px 0px 14px -3px #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 6px;
  background-color: #eeeeeeb5;
  margin-top: 20px;
  margin-bottom: 20px;
}

li.btn .icon {
  margin-left: -20px;
}

input[type="submit"]:disabled {
  opacity: 0.4;
}

input[type=text], textarea, input[type=email], input[type=url]{
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  padding: 6px 24px;
}

.btn, button, input[type=button], input[type=submit], input[type=reset] {
  box-shadow: inset 0px 0px 14px -3px #ffffff;
  background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  background-color: #ededed;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #777777;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
}
.btn:hover {
  background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  background-color: #dfdfdf;
}
.btn:active {
  position: relative;
  top: 1px;
}

.nav {
  text-align: center;
  box-shadow: inset 0px 0px 14px -3px #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav .btn {
  margin-right: 10px;
  margin-left: 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col1 {
  float: left;
  width: calc(20% - 40px);
  /* box-shadow:inset 0px 0px 14px -3px #ffffff;
    border:1px solid #dcdcdc;
    border-radius:6px; */
  /* padding: 20px; */
  margin: 20px;
  margin-bottom: 0px !important;
}

.row .col2 {
  float: left;
  width: calc(60% - 40px);
  /* box-shadow:inset 0px 0px 14px -3px #ffffff;
    border:1px solid #dcdcdc;
    border-radius:6px;
    padding: 20px; */
  margin: 20px;
  margin-bottom: 0px !important;
}

.row .col3 {
  float: left;
  width: calc(20% - 40px);
  /* box-shadow:inset 0px 0px 14px -3px #ffffff;
    border:1px solid #dcdcdc;
    border-radius:6px;
    padding: 20px; */
  margin: 20px;
  margin-bottom: 0px !important;
}

.row ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.row ul li {
  margin-bottom: 10px;
}

.computer {
  background-image: url("src/icons/computer.png");
}
.home {
  background-image: url("src/icons/home.png");
}

.notepad {
  background-image: url("src/icons/notepad.png");
}

.document {
  background-image: url("src/icons/document.png");
}

.pyramid {
  background-image: url("src/icons/pyramid.png");
}

.new {
  background-image: url("src/icons/new.gif");
}

.slime {
  background-image: url("src/icons/shinyslime.png");
}

.bone {
  background-image: url("http://i122.photobucket.com/albums/o260/mhilka/minigifs/hone.gif");
  padding-top: 0px !important;
}

.book {
  background-image: url("src/icons/book.png");
}

.out {
  background-image: url("src/icons/out.png");
}

.card {
  background-image: url("src/icons/card.png");
}

.mail {
  background-image: url("src/icons/mail.png");
}

.icon {
  background-repeat: no-repeat;
  padding-left: 25px;
  background-size: 20px;
  padding-bottom: 5px;
  padding-top: 4px;
}

.divider {
  border-bottom: 1px solid #dcdcdc;
  width: 100%;
  display: block;
  height: 5px;
  margin-bottom: 10px;
}

.mainrow {
  height: 495px;
}
.mainrow > div {
  height: 100%;
}

.secondrow {
  height: 100px;
}
.secondrow > div {
  height: 100%;
}

span {
  font-size: 10px;
}

p {
  font-size: 14px;
}

.entry {
  border-bottom: 1px dotted #777777;
  margin-bottom: 15px;
}

.entryImg img {
  display: inline-block;
  vertical-align: top;
  width: 46%;
  padding: 20px;
}

.entryImg p {
  display: inline-block;
  width: 46%;
}

#digital-clock {
  margin-bottom: 10px;
  display: block;
}