@keyframes fadefast{0%{opacity:1}25%{opacity:0}50%{opacity:0}100%{opacity:0}}.icon-popups.desktop-view{float:right;flex-direction:column;position:absolute;bottom:5rem;padding-right:100vw;opacity:0;left:1500px;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;animation:fadefast 0.5s linear forwards;transition-delay:all 2.3s}*:focus,*:active{outline:none;-webkit-tap-highlight-color:transparent}div.icon-popups div.wrapper{height:400px;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.wrapper .icon{position:relative;background-color:#ffffff;color:black;border-radius:50%;padding:16px;margin:10px;width:45px;height:45px;font-size:1.4rem;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 10px 10px rgba(0,0,0,0.1);cursor:pointer;transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.icon.designs{position:relative;color:black;width:50px;height:50px;display:none;flex-direction:row;flex-flow:row-reverse;font-size:0.5rem;margin-right:5px}.wrapper .tooltip{position:absolute;top:0;font-size:14px;background-color:#ffffff;color:#ffffff;padding:5px 8px;border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,0.1);opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.icon.designs .tooltip{position:absolute;background-color:none;padding:5px 8px;color:black;font-size:1rem;position:fixed;top:-3rem;bottom:auto;margin-bottom:0px;transform:translate(-35px, -35px);padding:5px 8px;box-shadow:0 10px 10px rgba(0,0,0,0.1);opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.icon.designs:hover{cursor:pointer}.wrapper .tooltip::before,.icon.designs .tooltip::before{position:absolute;content:"";height:8px;width:8px;bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.wrapper .tooltip::before{background-color:#ffffff;transform:translate(-50%) rotate(45deg)}.icon.designs .tooltip::before{background-color:#ffffff;transform:translate(-50%) rotate(45deg)}.wrapper .icon:hover .tooltip{top:-45px;opacity:1;visibility:visible;pointer-events:auto}.icon.designs:hover .tooltip{top:48px;opacity:1;visibility:visible;pointer-events:auto}.wrapper .icon:hover span,.wrapper .icon:hover .tooltip{text-shadow:0px -1px 0px rgba(0,0,0,0.1)}.wrapper .linkedin:hover,.wrapper .linkedin:hover .tooltip,.wrapper .linkedin:hover .tooltip::before{background-color:#3b5999;color:#ffffff}.wrapper .twitter:hover,.wrapper .twitter:hover .tooltip,.wrapper .twitter:hover .tooltip::before{background-color:#46c1f6;color:#404040}.wrapper .email:hover,.wrapper .email:hover .tooltip,.wrapper .email:hover .tooltip::before{background-color:#F8F12E;color:#404040}.wrapper .youtube:hover,.wrapper .youtube:hover .tooltip,.wrapper .youtube:hover .tooltip::before{background-color:#FF0000;color:#ffffff}.wrapper .github:hover,.wrapper .github:hover .tooltip,.wrapper .github:hover .tooltip::before{background-color:#9EC131;color:#404040}.wrapper .vocal:hover,.wrapper .vocal:hover .tooltip,.wrapper .vocal:hover .tooltip::before{background-color:#DCDCDC;color:#404040}.wrapper .linkedin{border:solid 2px #3b5999}.wrapper .twitter{border:solid 2px #46c1f6}.wrapper .email{border:solid 2px #F8F12E}.wrapper .youtube{border:solid 2px #FF0000}.wrapper .github{border:solid 2px #9EC131}.wrapper .vocal{border:solid 2px #DCDCDC}.icon.designs:hover,.icon.designs:hover .tooltip,.icon.designs:hover .tooltip::before{background-color:none;color:black;font-weight:900;text-align:right}.wrapper .preview{background-color:orange;height:1rem;width:1rem;opacity:0.5;transition:all 250ms}.wrapper .preview:hover{height:3.5rem;width:3.5rem;opacity:1;margin-top:0;margin-bottom:0}.wrapper .preview:hover .tooltip{top:-450px;opacity:1;visibility:visible;pointer-events:auto}.wrapper .preview:hover .tooltip img{width:auto;height:450px}.wrapper .preview:hover .tooltip{text-shadow:0px -1px 0px rgba(0,0,0,0.1)}.wrapper .preview:hover h3{transition:all 250ms}.wrapper .preview:hover h3{margin:1rem}.wrapper .preview:hover,.wrapper .preview:hover .tooltip,.wrapper .preview:hover .tooltip::before{background-color:#333333;color:gray}#about-me-slide .wrapper .preview:hover,#about-me-slide .wrapper .preview:hover .tooltip,#about-me-slide .wrapper .preview:hover .tooltip::before{background-color:#202325;color:white}.wrapper .preview.specs .tooltip{width:640px;height:500px;z-index:10000}.wrapper .preview.specs:hover .tooltip{left:-100px}.wrapper .preview.specs:hover .tooltip{top:-480px}.wrapper .preview:hover h3,.wrapper .preview:hover li{color:white}div#about-me-slide .wrapper .preview.specs .tooltip{width:640px;height:680px;z-index:10000;overflow-y:scroll}div#about-me-slide .wrapper .preview.specs:hover .tooltip{left:-115px}div#about-me-slide .wrapper .preview.specs:hover .tooltip{top:-650px}div#about-me-slide .wrapper .preview.specs .tooltip{width:640px;height:680px;z-index:10000;overflow-y:scroll}div#about-me-slide .wrapper .preview.specs:hover .tooltip{left:-115px}div#about-me-slide .wrapper .preview.specs:hover .tooltip{top:-650px}