@font-face {
    font-family: "thanos";
    src: url("../fonts/GFSNeohellenic-Regular.ttf") format("truetype");
  }

body {
    margin: 0;
    font-family: 'thanos';
    overflow-x: hidden
}

#container {
    width: 100%;
    height: 100%
}

.cursorClassic {
    /* cursor: none */
}

.childd {
    width: 20px;
    height: 20px;
    background-image: url(../Images/dot.png);
    background-size: 20px 20px;
    margin: 10px;
    opacity: .5
}

.childd:hover {
    opacity: 1
}

.active {
    opacity: 1
}

#top {
    opacity: 1;
    padding-bottom: 30%
}

#about {
    opacity: 1;
    background: #000;
    color: #f2f1ea;
    padding-bottom: 30%
}

#services {
    padding-bottom: 30%
}

#portfolio {
    padding-bottom: 25%
}

#volunteer {
    padding-bottom: 25%
}

.thumbnail {
    background-color: #000;
    border: 0
}

.thick {
    color: #e2e2e2;
    background-color: Transparent;
    font-weight: 700
}

.webgl {
    border-radius: 50%;
    width: 130px;
    border: 2px;
    border: 0 solid #99f200;
    height: 130px
}

.angular {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    border: 0 solid #99f200
}

.dbs {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    border: 0 solid #99f200
}

.architecture {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    border: 0 solid #99f200
}

.audio {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    border: 0 solid #99f200
}

h4 {
    color: grey;
    opacity: 1
}

.alignLeft {
    text-align: left;
    padding-left: 30%
}

.socialImg {
    width: 40px;
    height: 40px;
    margin-right: 5%
}

.socialImg:hover {
    border: 2px solid #fff
}

.center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.custom-hover {
    opacity: 1
}

.custom-hover:hover {
    opacity: 1
}

#threeDChoice {
    border-radius: 50%;
    z-index: 100;
    position: fixed;
    top: 1%;
    left: 1%;
    width: 20px;
    height: 20px;
    background-color: #ff8000;
    background-size: 20px 20px;
    opacity: 0
}

#threeDChoice:hover {
    cursor: pointer;
    opacity: .6
}

.thumbnail:hover {
    border: 4px solid grey
}