:root {
   --br-color: rgb(192, 190, 204);
}


div.top-bar { 
   border-bottom: 1px solid rgb(59, 69, 102) !important; 
}

div.project-list {
   width: 80vw;
   min-height: 16vh;
   margin: 1vh auto;
   text-align: right;
   border: 1px solid var(--br-color);
   border-radius: 1vh;
}

div.porject-icon {
   display: inline-block;
   width: 16vh;
   height: 16vh;
   margin: 1vh 1vw;
   border: 1px solid var(--br-color);
   border-radius: 1vh;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

div.porject-icon:hover {
   cursor: pointer;
   background-color: rgba(170, 193, 219, 0.16);
   border-color: darkblue;
}

div.porject-icon:last-child {
   margin-right: 2vw !important;
}

div.inhosue-slides {
   height: 64vh;
   width: 80vw;
   margin: 2vh auto;
   border: 1px solid var(--br-color);
   border-radius: 2vh;
}


div.mbtn {
   background-size: contain;
}

div#waspAI {
   background-image: url(/xicons/wasp_ai_ico.png);
}

div#xortanaAI {
   background-image: url(/xicons/xora_ai_ico.png);
}

div#gunHUD {
   background-image: url(/xicons/gunHUD_ico.png);
}