@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.active{display:block}.hidden{display:none}@media (max-width:800){.code{display:none}}*{margin:0;padding:0}.photoGrid{width:17rem;height:15.5rem;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.photoGrid:before{content:"";background-image:conic-gradient(#9c27b0 20deg,transparent 120deg);width:150%;height:150%;position:absolute;animation:rotate 6s linear infinite}.photoGrid:after{content:"";width:16rem;height:16rem;position:absolute;border-radius:10px;display:flex;justify-content:center;align-items:center;color:#9c27b0;font-size:larger;letter-spacing:5px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#9c27b0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#000}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}section{display:flex;justify-content:center}.blob1,.blob2,.blob3,.blob4,.blob5{width:200px}.blob1:before{content:"Devops"}.blob1:before,.blob2:before{position:relative;display:flex;justify-content:center;top:110px;font-weight:700;font-size:20px;color:#fff}.blob2:before{content:"Network"}.blob3:before{content:"DataBase";position:relative;display:flex;justify-content:center;top:110px;font-weight:700;font-size:20px;color:#fff}.blob4:before{content:"Project\aManagement"}.blob4:before,.blob5:before{white-space:pre-wrap;text-align:center;position:relative;display:flex;justify-content:center;top:120px;font-weight:700;font-size:20px;color:#fff}.blob5:before{content:"Machine\aLearning"}.blob2,.blob4{margin-top:100px}@media (max-width:900px){.blob2,.blob4{margin-top:0}}.select{border-bottom:2px solid #9c27b0}#progressBarContainer{position:fixed;z-index:1;background:#fff;width:100%;top:0;left:0}#progressBar{background:linear-gradient(270deg,#9c27b0,#9c27b0);transform-origin:top left;transform:scale(0);opacity:0}@media (max-width:2500px){#progressBar,#progressBarContainer{height:70px}}@media (max-width:600px){#progressBar,#progressBarContainer{height:63px}}.App{text-align:center}.App-logo{pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 10s linear infinite}}.App-header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}