body{margin:0;padding:0;font-family:"Noto Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-icons{color:#fff;font-size:40px}.active,label{color:#87ceeb}#sideicons{background-color:#222;height:100vh}#sideicons p{cursor:pointer}#sideicons small:hover,#sideicons span:hover{color:#87ceeb}#download_sidebar_button{display:none}#profilediv{background-color:#3a3a3a}.userimage{border-radius:50%;height:250px;-webkit-filter:grayscale(50%);filter:grayscale(50%);cursor:pointer}.userimage:hover{-webkit-filter:grayscale(0);filter:grayscale(0);box-shadow:1px 1px 2px #000,0 0 20px #000,0 0 5px #fff}#download_button,#send_button{border-radius:20px}#maindiv{background-color:#222;height:100vh}#maindiv #second_container{position:absolute;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#maindiv h1{text-align:left}#maindiv #second_container #mobileuser{display:none}#contact_cards .card{width:25rem;background-color:#3a3a3a;color:#fff;cursor:pointer}#contact_cards .card:hover,#todocards .card:hover{transition:.5s linear;-webkit-transform:scale(1.1);transform:scale(1.1)}#contact_cards .material-icons{color:#87ceeb}.mylist li{background-color:#222}.mylist li span{color:#87ceeb}#todocards .card{background-color:#3a3a3a;color:#fff;cursor:pointer}#todocards .material-icons{color:#87ceeb}#certificates_cards{overflow:auto;height:75vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#222}#certificates_cards .col-sm{background-color:#222}#certificates_cards .col-sm img{height:300px}#certificates_cards .col-sm img:hover{-webkit-transform:scale(1.3);transform:scale(1.3);z-index:1;transition:.5s linear}#certificates_cards .col-sm h5{color:#87ceeb;font-weight:700}#resume_timelines{overflow:auto;height:90vh}.timeline{border-left:3px solid #87ceeb;border-bottom-right-radius:4px;border-top-right-radius:4px;background:rgba(114,124,245,.09);margin:0 auto;letter-spacing:.2px;position:relative;line-height:1.4em;font-size:1.03em;padding:50px;list-style:none;text-align:left;max-width:40%}.timeline h2,.timeline h3{font-weight:600;font-size:1rem;margin-bottom:10px}.timeline .event{border-bottom:1px dashed #e8ebf1;padding-bottom:25px;margin-bottom:25px;position:relative}.timeline .event:last-of-type{padding-bottom:0;margin-bottom:0;border:none}.timeline .event:after,.timeline .event:before{position:absolute;display:block;top:0}.timeline .event:before{left:-207px;content:attr(data-date);text-align:right;font-weight:100;font-size:.9em;min-width:120px}.timeline .event:after{box-shadow:0 0 0 3px #727cf5;left:-55.8px;background:#fff;border-radius:50%;height:9px;width:9px;content:"";top:5px}.rtl .timeline{border-left:0;text-align:right;border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;border-right:3px solid #727cf5}.rtl .timeline .event:before{left:0;right:-170px}.rtl .timeline .event:after{left:0;right:-55.8px}@media (max-width:767px){.timeline{max-width:100%;padding:10px}.timeline .event{padding-top:30px}.timeline .event:before{left:0;text-align:left}.timeline .event:after{left:-31.8px}}@media only screen and (max-width:600px){#profilediv{display:none}#sideicons{width:7rem;padding:5px}#maindiv{left:6rem}#maindiv #second_container{position:relative;left:50%;top:30%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#download_sidebar_button,#maindiv #second_container #mobileuser{display:block}.aboutdiv,.contactdiv{overflow:auto}#send_button,#todocards{margin-bottom:50px}#contact_cards .card{width:15rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.db492abb.chunk.css.map */