@import url("https://fonts.googleapis.com/css?family=Exo:300,400&display=swap");html{box-sizing:border-box;overflow-x:hidden}a{text-decoration:none}img{vertical-align:middle}blockquote,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,ul{margin:0}button,fieldset,iframe{border:0}button,fieldset,menu,ol,ul{padding:0}ol,ul{list-style:none}textarea{resize:vertical}table{width:100%}td{padding:0}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden}body::-webkit-scrollbar{display:none;-ms-overflow-style:none}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--black:#03061c;--grey:#babdc4;--blue:#3a8ee8;--yellow:#ebb04c;--white:#fffde1;--maxWidth:1200px;--fingerSize:40px;--gutter:20px;--halfgutter:10px;--headerLogoSize:40px;--borderRadius:4px}body{font-family:Exo,sans-serif;background-color:var(--black)}.container{max-width:var(--maxWidth);margin-left:auto;margin-right:auto}::selection{background-color:var(--blue);color:var(--white)}.header{border-bottom:1px solid var(--grey);padding-left:var(--gutter);padding-right:var(--gutter)}.header .container{display:flex;position:relative;align-items:center;padding-top:var(--gutter);padding-bottom:var(--gutter)}.header-logo img{width:var(--headerLogoSize);background-color:var(--blue);padding:6px}.header-buttons{display:flex;transition:.2s}.header-button,.header-buttons{margin-left:auto;align-items:center}.header-button{color:var(--blue);border-radius:var(--borderRadius);padding-left:var(--gutter);padding-right:var(--gutter);display:inline-flex;height:var(--fingerSize);margin-right:4px}.header-button:last-child{margin-right:0}.header-button:hover{color:var(--white);background-color:var(--blue);transition:.2s}.sidebardiv{width:100%;display:none}.sidebar-menu-btn{width:var(--fingerSize);height:var(--fingerSize);cursor:pointer;background-color:inherit;margin-left:auto}.sidebar-menu-btn i{color:var(--blue);width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.section{text-align:center}.section .container{padding-left:var(--gutter);padding-right:var(--gutter);margin-top:var(--fingerSize)}.mailforhomepage{color:var(--grey);font-weight:lighter}.name-surname{color:var(--blue);font-size:2.8rem;display:flex;align-items:center;justify-content:center;text-align:center}.my-title{font-size:.9rem;color:var(--grey);text-transform:uppercase;margin-bottom:var(--gutter)}.my-title-company{color:var(--yellow)}.about-my-title{line-height:1.4;text-transform:none}.about-spans{color:var(--yellow)}.social-media-links{margin:var(--fingerSize) 0;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.social-media-common{margin:6px;height:var(--fingerSize);width:var(--fingerSize);padding:12px;font-size:2.2rem;border:1px solid var(--blue);border-radius:50%}.social-media-common,.social-media-common i{display:flex;justify-content:center;text-align:center;align-items:center}.social-media-common i{color:var(--blue);height:inherit;width:inherit}.social-media-common:hover{transition:.2s linear;background-color:var(--blue)}.social-media-common:hover.social-media-common i{color:var(--white)}.df{display:flex}.workexperience-container{padding-left:var(--gutter);padding-right:var(--gutter);margin-top:var(--gutter);color:var(--grey)}.workexperience-title{color:var(--white);margin-top:var(--fingerSize);border-bottom:1px solid var(--white);padding-bottom:4px}.work-title{font-size:1.4rem;color:var(--yellow);margin-bottom:5px}.work-subtitles{display:flex;align-items:center;font-size:1rem;margin-bottom:5px}.work-companay{font-size:1.2rem;color:var(--blue)}.work-dateandlocation{margin-left:auto;white-space:nowrap;padding-left:var(--halfgutter)}.work-date,.work-details,.work-location{font-size:1rem}.work-date{margin-left:auto}.work-location{display:flex;justify-content:flex-end}.passwordGeneratorDiv{display:grid;padding-left:var(--gutter);padding-right:var(--gutter);grid-template-columns:1fr 3fr;grid-gap:40px 50px;align-items:center;width:100%}.passwordResultDiv{height:100%;justify-content:center;text-align:center;align-items:center;display:flex;color:var(--white);font-weight:700}.password-input{width:100%;height:var(--fingerSize);font-size:xx-large;background-color:transparent;color:var(--white);border-radius:9px;border:1px solid var(--grey);padding:0 6px}.passwordP{font-size:large}@media (max-width:516px){.name-surname{font-size:2rem}.my-title{font-size:.8rem}.social-media-common{border-radius:var(--borderRadius);border:1px solid var(--blue);padding:12px}.social-media-links{padding-left:9%;padding-right:9%}.work-title{font-size:1.2rem}.work-companay{font-size:.9rem}.work-date,.work-details,.work-location{font-size:.8rem}.sidebardiv{display:flex}.header-buttons{opacity:0;transform:translateX(100%);border-radius:var(--borderRadius);position:absolute;left:0;right:0;top:100%;padding:5px;background-color:var(--blue);flex-direction:column;margin:4px;box-shadow:0 10px 30px var(--black);z-index:10}.header-button,.header-buttons{align-items:center;text-align:center}.header-button{color:var(--white);display:flex;width:-webkit-fill-available;padding-bottom:4px;margin-right:0;justify-content:center}}@media (max-width:360px){.name-surname{font-size:1.8rem}.my-title{font-size:.75rem}.mailforhomepage{font-size:.84rem}.social-media-common{border:1px solid var(--blue);border-radius:var(--borderRadius);padding:12px;height:30px;width:30px}.social-media-links{padding-left:11%;padding-right:11%}.work-title,.workexperience-title{font-size:1rem}.work-companay{font-size:.8rem}.work-date,.work-details,.work-location{font-size:.7rem}}@media (max-width:280px){.social-media-common{border-radius:var(--borderRadius);border:1px solid var(--blue);padding:12px}.social-media-links{padding-left:5%;padding-right:5%}.work-companay{font-size:.7rem}.work-date,.work-details,.work-location{font-size:.6rem}}@media (max-width:325px){.name-surname{padding-left:33px;padding-right:33px}}@media (min-width:517px){.header-buttons{display:flex!important;opacity:1!important;transform:translate(0)!important}}