*{margin:0;padding:0;font-family:Cabin,sans-serif}html{background:black}.container{width:100%;margin:2%;display:flex;flex-direction:column}.webgl{position:fixed;top:0;left:0;width:100vw;height:100vh;outline:none;z-index:-1}body::-webkit-scrollbar{display:none}a{text-decoration:none;cursor:pointer;color:#e2dcdc;transition:all .3s ease;transform:scale(1)}a:hover{cursor:pointer;color:#fff;transform:scale(1.1);text-shadow:0px 0px 8px rgba(255,255,255,.7);cursor:default}nav{display:flex;flex-direction:column;width:100%;color:#fff}.nav-items--container{display:flex;align-items:center;justify-content:center}.nav-items{margin-left:20px;font-size:20px}.nav-icon{font-size:30px;border:2px solid white;border-radius:100%;padding:10px}.footer-container{margin-top:auto;background-color:#000;width:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px}.github{margin-left:30px}.fa{margin-right:5px}.my-img{border:2px solid white;width:250px;border-color:#e2dcdc;transition:all .3s ease;transform:scale(1);box-shadow:1px 1px 10px #ffffffb3;cursor:pointer;margin-bottom:10px}.my-img:hover{transform:scale(1.01);box-shadow:0 0 10px #ffffffb3;cursor:pointer}.main{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:20px;color:#fff}.main--personal{display:flex;flex-direction:column;align-items:center}.getInTouch{font-weight:20px;font-size:2.5em}.main--info{font-size:1.2em}@media (min-width: 768px){.my-img{width:50%}.main{flex-direction:row;justify-content:space-between;align-items:center}.main--personal{align-items:flex-end}.getInTouch{font-size:6em}.nav-items--container{display:flex;align-items:center;justify-content:end}.main--info{font-size:1.2em}}@media (min-width: 1024px){.container{width:95%;height:100%;margin:2%;display:flex;flex-direction:column}.my-img{width:300px}.nav-items--container{display:flex;align-items:center;justify-content:end}.main{padding:20px}.getInTouch{font-size:5em}}