@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Poppins:wght@100;300&display=swap");*{border:0;box-sizing:border-box;margin:0;padding:0}:root{--hue:223;--bg:hsl(var(--hue),90%,90%);--fg:hsl(var(--hue),90%,90%);--primary:hsl(var(--hue),90%,50%);--trans-dur:0.3s;font-size:calc(20px + (40 - 20) * (100vw - 320px) / (2560 - 320))}::-webkit-scrollbar{display:none}body{background-color:var(--bg);color:var(--fg);display:flex;font:1em/1.5 sans-serif;transition:background-color var(--trans-dur),color var(--trans-dur);width:auto!important;overflow-x:hidden!important}::-webkit-scrollbar{background:transparent}.navbar-container{width:40%;position:absolute;height:55%;top:25%}.element-container{display:flex;position:absolute;width:100%;height:100%;gap:9%}.blogBox{position:relative;width:12%}.blogMessage{font-size:65%;padding:12%;margin-top:25%;font-family:Poppins,sans-serif}.blogBox .blogMessage{visibility:hidden;background-color:#0b4765;color:#fff;text-align:center;border-radius:6px;position:absolute;z-index:1;top:79%;left:90%;margin-left:-55px;cursor:pointer}.blogBox:hover .blogMessage{visibility:visible;cursor:pointer}.home-container{width:100%;display:contents;position:relative;height:100%}.homepage-navbar{width:100%;height:13.55%;position:fixed;display:flex;background-color:#c1dbec;z-index:3;box-shadow:9px 6px 20px #aabed3;justify-content:end}.info-client{position:absolute;width:60%;margin-left:23%;margin-top:6%;display:flex;color:#000;font-size:1.9em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.details-container{position:absolute;top:98%;margin-top:23%}.detail-info-client{box-shadow:20px 20px 4px #83b9de;padding:3%;position:relative;color:#000;font-size:98%;width:77%;left:50%;transform:translate(-50%,-50%)}.detail-info-client,.detail-info-working{background-color:#b9cfe8;border-radius:30px;font-family:Poppins,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.detail-info-working{padding:30px;position:absolute;color:#1e1b1b;font-size:.7em;width:50%;justify-content:center;display:flex;margin-top:rem}a:link,a:visited{color:blue;text-decoration:underline;cursor:auto}a:link:active,a:visited:active{color:#4949df}.atomloader{display:flex;position:absolute;width:60%;height:60%;margin-left:-55%;margin-top:7%;z-index:-2}.container-info-loader{position:absolute;top:22%;display:flex;width:90%;justify-content:center}.pl{--dur:3s;margin:auto;position:relative;width:10em;height:10em}.pl__nucleus,.pl__nucleus-particle{position:absolute}.pl__nucleus{top:50%;left:50%;transform-style:preserve-3d}.pl__electron,.pl__nucleus-particle,.pl__orbit,.pl__ring{animation:particleTop var(--dur) linear infinite}.pl__nucleus-image-node{background-image:url(https://th.bing.com/th/id/OIP.n7wNFFuPmEqyykC1gxFfDAHaHa?pid=ImgDet&w=199&h=199&c=7&dpr=1.3)}.pl__nucleus-image-aws,.pl__nucleus-image-node{border-radius:50%;box-shadow:-.125em -.125em 0 hsla(var(--hue),10%,10%,.25) inset;top:calc(50% - .5em);left:calc(50% - .5em);width:1.4em;height:1.4em;transition:background-color var(--trans-dur);top:-10px;background-size:cover}.pl__nucleus-image-aws{background-image:url(https://th.bing.com/th/id/OIP.-Vhy6mKKMlYkK5krf1J9zgHaHa?w=163&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7)}.pl__nucleus-image-redux{background-image:url(https://cdn.filestackcontent.com/uNjPSWPjTLCqnu21yYEP)}.pl__nucleus-image-react,.pl__nucleus-image-redux{border-radius:50%;box-shadow:-.125em -.125em 0 hsla(var(--hue),10%,10%,.25) inset;top:calc(50% - .5em);left:calc(50% - .5em);width:1.4em;height:1.4em;transition:background-color var(--trans-dur);top:-10px;background-size:cover}.pl__nucleus-image-react{background-image:url(https://th.bing.com/th/id/R.971904fa310a88b1e3c331df20180c65?rik=y%2bfGItjI9Lkdig&riu=http%3a%2f%2fjpie.nz%2fassets%2fimages%2f2020%2f10%2freact-logo.png&ehk=AebbAgjYLkWS5M2mk5uMbiWHNJv80LL8EExLQWltDNg%3d&risl=&pid=ImgRaw&r=0)}.pl__nucleus-image-mongodb{background-image:url(https://th.bing.com/th/id/R.e32d0ee18b64e4c02b60354428c6a12d?rik=OA36wt9zcklZkw&pid=ImgRaw&r=0)}.pl__nucleus-image-mongodb,.pl__nucleus-image-next{border-radius:50%;box-shadow:-.125em -.125em 0 hsla(var(--hue),10%,10%,.25) inset;top:calc(50% - .5em);left:calc(50% - .5em);width:1.4em;height:1.4em;transition:background-color var(--trans-dur);top:-10px;background-size:cover}.pl__nucleus-image-next{background-image:url(https://th.bing.com/th/id/R.adc295c26c20d70665ae837cbf59c178?rik=EXT1uoLQivg3gw&pid=ImgRaw&r=0)}.pl__nucleus-image-html{background-image:url(https://mpng.subpng.com/20180802/tpl/kisspng-logo-html5-brand-clip-art-%E6%9D%89-%E5%B1%B1-%E8%89%AF-%E9%9B%84-5b62be01b565d5.334247781533197825743.jpg)}.pl__nucleus-image-css,.pl__nucleus-image-html{border-radius:50%;box-shadow:-.125em -.125em 0 hsla(var(--hue),10%,10%,.25) inset;top:calc(50% - .5em);left:calc(50% - .5em);width:1.4em;height:1.4em;transition:background-color var(--trans-dur);top:-10px;background-size:cover}.pl__nucleus-image-css{background-image:url(https://th.bing.com/th/id/R.04cf122be0afe7542083d1a3967390ae?rik=6PxtPYQ23%2bl6eQ&pid=ImgRaw&r=0)}.pl__nucleus-image-js{background-image:url(https://th.bing.com/th/id/OIP.Hf1fzVhQli-QEEdHhyDydwHaIr?pid=ImgDet&rs=1)}.pl__nucleus-image-docker,.pl__nucleus-image-js{border-radius:50%;box-shadow:-.125em -.125em 0 hsla(var(--hue),10%,10%,.25) inset;top:calc(50% - .5em);left:calc(50% - .5em);width:1.4em;height:1.4em;transition:background-color var(--trans-dur);top:-10px;background-size:cover}.pl__nucleus-image-docker{background-image:url(https://th.bing.com/th/id/R.c216c7f605f18bb900ad9b8ba692e11f?rik=BMmLVugRtZblvg&pid=ImgRaw&r=0)}.pl__nucleus-image-postgres{background-image:url(https://th.bing.com/th/id/R.e15cf39a6053c2ae4e74d50f7d107cc8?rik=KelNKKxhxy1GBg&pid=ImgRaw&r=0)}.pl__nucleus-image-postgres,.pl__nucleus-image-redis{border-radius:50%;box-shadow:-.125em -.125em 0 hsla(var(--hue),10%,10%,.25) inset;top:calc(50% - .5em);left:calc(50% - .5em);width:1.4em;height:1.4em;transition:background-color var(--trans-dur);top:-10px;background-size:cover}.pl__nucleus-image-redis{background-image:url(https://embed-ssl.wistia.com/deliveries/8a580a4a4c6b47d356368e4876e663913cb3a8b4.jpg?image_crop_resized=400x250)}.pl__nucleus-particle{background-color:var(--primary);background-image:radial-gradient(37.5% 37.5% at 37.5% 37.5%,hsla(var(--hue),10%,90%,.25) 48%,hsla(var(--hue),10%,90%,0) 50%);border-radius:50%;box-shadow:-.125em -.125em 0 hsla(var(--hue),10%,10%,.25) inset;top:calc(50% - .5em);left:calc(50% - .5em);width:1.4em;height:1.4em;transition:background-color var(--trans-dur)}.pl__nucleus-particle:nth-child(2n){background-color:hsl(var(--hue),90%,70%)}.pl__nucleus-particle:nth-child(n+4):nth-child(-n+9){animation-name:particleMiddle}.pl__nucleus-particle:nth-child(n+10):nth-child(-n+12){animation-name:particleBottom}.pl__nucleus-particle:nth-child(2){animation-delay:calc(var(--dur) * -.33)}.pl__nucleus-particle:nth-child(3){animation-delay:calc(var(--dur) * -.67)}.pl__nucleus-particle:nth-child(5){animation-delay:calc(var(--dur) * -.17)}.pl__nucleus-particle:nth-child(6){animation-delay:calc(var(--dur) * -.33)}.pl__nucleus-particle:nth-child(7){animation-delay:calc(var(--dur) * -.5)}.pl__nucleus-particle:nth-child(8){animation-delay:calc(var(--dur) * -.67)}.pl__nucleus-particle:nth-child(9){animation-delay:calc(var(--dur) * -.83)}.pl__nucleus-particle:nth-child(11){animation-delay:calc(var(--dur) * -.33)}.pl__nucleus-particle:nth-child(12){animation-delay:calc(var(--dur) * -.67)}.pl__nucleus-particle:last-child{animation:none}.pl__rings{display:block;width:100%;height:auto}.pl__ring{animation-name:ring;transform-origin:64px 64px}.pl__ring:nth-child(n+5):nth-child(-n+7){animation-delay:calc(var(--dur) * -.25)}.pl__electron,.pl__orbit{animation-name:orbit;transition:stroke var(--trans-dur)}.pl__orbit:first-child{stroke:hsla(var(--hue),90%,50%,0)}.pl__orbit:nth-child(2){stroke:hsla(var(--hue),90%,50%,.5)}.pl__orbit:nth-child(3){stroke:hsla(var(--hue),90%,50%,.7)}.pl__ring:first-child .pl__orbit:first-child{stroke:hsla(var(--hue),90%,50%,.3)}.pl__ring:nth-child(2) .pl__orbit{animation-delay:calc(var(--dur) * -.125)}.pl__ring:nth-child(3) .pl__orbit{animation-delay:calc(var(--dur) * -.25)}.pl__ring:nth-child(4) .pl__orbit{animation-delay:calc(var(--dur) * -.375)}.pl__ring:nth-child(5) .pl__orbit:first-child{stroke:hsla(var(--hue),90%,50%,.3)}.pl__ring:nth-child(6) .pl__orbit,.pl__ring:nth-child(7) .pl__electron:nth-child(2){animation-delay:calc(var(--dur) * -.25)}.pl__ring:nth-child(8) .pl__electron:nth-child(2){animation-delay:calc(var(--dur) * -.125)}.pl__ring:nth-child(8) .pl__electron:nth-child(3){animation-delay:calc(var(--dur) * -.25)}.pl__ring:nth-child(8) .pl__electron:nth-child(4){animation-delay:calc(var(--dur) * -.375)}@keyframes orbit{0%{stroke-dashoffset:0}to{stroke-dashoffset:580}}@keyframes ring{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes particleTop{0%{transform:rotateY(0) rotate(-35deg) translateY(-100%) rotate(35deg) rotateY(0)}to{transform:rotateY(-1turn) rotate(-35deg) translateY(-100%) rotate(35deg) rotateY(1turn)}}@keyframes particleMiddle{0%{transform:rotateY(0) rotate(90deg) translateY(-100%) rotate(-90deg) rotateY(0)}to{transform:rotateY(-1turn) rotate(90deg) translateY(-100%) rotate(-90deg) rotateY(1turn)}}@keyframes particleBottom{0%{transform:rotateY(0) rotate(-145deg) translateY(-100%) rotate(145deg) rotateY(0)}to{transform:rotateY(-1turn) rotate(-145deg) translateY(-100%) rotate(145deg) rotateY(1turn)}}@media only screen and (min-width:375px) and (max-width:600px){body{height:100%}.homepage-navbar,body{width:100%}.navbar-container{position:absolute;width:100%}.element-container{position:absolute;justify-content:center}.container-info-loader{position:absolute;width:100%;display:flex;flex-direction:column;top:15%;margin-bottom:50%}.info-client{position:relative;width:80%;top:1%;margin:10%}.atomloader{top:70%;left:60%;margin-bottom:30%}.details-container{position:absolute;top:100%;width:100%}.detail-info-client{position:relative;margin-top:60%;box-shadow:12px 20px 4px #83b9de}}@media only screen and (min-width:601px) and (max-width:768px){body{width:100%;height:100vh}.container-info-loader{position:absolute;width:100%;top:20%;display:flex;flex-direction:column}.info-client{position:relative;right:10%;width:70%;font-size:40px}.atomloader{position:absolute;width:100%;top:60%;margin:10%;right:0}.details-container{position:absolute;top:90%;width:100%;display:flex}.detail-info-client{position:relative;top:90%;justify-content:center;width:70%;margin-top:40%}}