.imgs {
	cursor: zoom-in;
	max-width: 250px;
	max-height: 280px;
	margin: auto;
	border: #ddaa55ff 2px solid;
	margin: 10px;
	transition:
		transform 0.3s, border-color 0.3s;
}

.imgs:hover {
	transform:	scale(1.1);
	border-color: white;
}

.imgss {
	max-width: 190px;
	max-height: 190px;
	margin: 10px;
}

video {
	max-width: 350px;
	max-height: 350px;
	margin: auto;
	border: #ddaa55ff 2px solid;
	margin: 10px;
}

/*Icons for various tools*/
.icon {
    position: absolute;
    width: 60px;
    height: 60px;
    content: "";
    top: 420px;
    z-index: 10;
    margin-top: 0px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	  filter: grayscale(25%);
  	transition:
  		transform 0.3s;
}

.icon:hover {
	transform:	scale(1.1);
}

#tooltip {
	z-index: 2000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  background-color: black;
	width: 200px;
	height: 30px;
	position: absolute;
	color: white;
	top: 350px;
	left: 70px;
	transition: opacity 0.3s;
	opacity: 0;
}

.listico {
	top: 0px;
}

.ico {
  right: 250px;
}

.ico0 {
  right: 100px;
}

.ico1 {
  right: 200px;
}

.ico2 {
  right: 300px;
}

.ico3 {
  right: 400px;
}

/* 3d */
.dsmax {
  background-image: url("../img/logo/3dsmax.svg");
}

.blender {
  background-image: url("../img/logo/blender.svg");
}

.aframe {
  background-image: url("../img/logo/aframe.svg");
}

.x3dom {
  background-image: url("../img/logo/x3dom2.svg");
}

/* dev */

.unity {
  background-image: url("../img/logo/unityw.svg");
}

.ue4 {
  background-image: url("../img/logo/ue4w.svg");
}

.opengl {
  background-image: url("../img/logo/opengl.svg");
}

.cuda {
  background-image: url("../img/logo/cudaw.svg");
}

/* illustration */

.cstudio {
  background-image: url("../img/logo/clipstudio.svg");
}

.pshop {
  background-image: url("../img/logo/photoshop.svg");
}

.premiere {
  background-image: url("../img/logo/premiere.svg");
}

.illustrator {
  background-image: url("../img/logo/illustrator.svg");
}

.vegas {
  background-image: url("../img/logo/vegas.svg");
}

.inkscape {
  background-image: url("../img/logo/inkscapew.svg");
}

/*coding*/

.java {
  background-image: url("../img/logo/java.svg");
}

.cpp {
  background-image: url("../img/logo/cpp.svg");
}

.csharp {
  background-image: url("../img/logo/csharp.svg");
}

.python {
  background-image: url("../img/logo/python.svg");
}

.javascript {
  background-image: url("../img/logo/js.svg");
}

.php {
  background-image: url("../img/logo/php.svg");
}