body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Arial,sans-serif;transition:background-color .3s ease}.light{background-color:#f8f8ff;color:#202020}.dark{background-color:#202020;color:#f8f8ff}body{font-family:Arial,sans-serif;margin:0;padding:0}body,header{text-align:center}header{background-color:#333;color:#fff;padding:20px 0}.photo{pointer-events:none;-webkit-user-select:none;user-select:none}nav{align-items:center;display:flex;justify-content:space-between}.nav-links ul{display:flex;list-style:none;margin:0;padding:0}.nav-links ul li{margin:0 20px}.nav-links ul li a{color:#fff;text-decoration:none}.nav-buttons{align-items:center;display:flex;margin-right:20px}.nav-buttons button{background-color:initial;border:2px solid #fff;color:#fff;cursor:pointer;margin-left:10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.nav-buttons button:hover{background-color:#fff;color:#333}.menu-icon{color:#fff;cursor:pointer;font-size:24px;padding:10px}.mobile-menu{display:none}.section{margin:0 auto;padding:50px;text-align:center}.project{margin-bottom:50px;margin-top:30px}.light .project h3{color:#3498db}.dark .project h3{color:#2980b9}footer{background-color:#333;color:#fff;padding:42px 0}.footer-cr{font-size:18.4px;text-align:center}.footer-v{float:left;font-size:13px;margin-left:10px}.footer-up{float:right;font-size:13px;margin-right:10px}main{padding:20px}.sectionp{margin-bottom:10px;padding:10px;text-align:center}.dark .sectionp{border:1px solid #fff}.light .sectionp{border:1px solid #000}.dark .custom-link{color:#f8f8ff}.light .custom-link{color:#202020}.custom-link:hover{color:#00bfff;text-decoration:none}.unselectable{pointer-events:none}.unselectable,.unselectable a{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.unselectable a{pointer-events:auto}ul{list-style:none}.example-2{align-items:center;display:flex;justify-content:center}.example-2 .icon-content{margin:0 10px;position:relative}.example-2 .icon-content .tooltip{border-radius:5px;color:#fff;font-size:14px;left:50%;opacity:0;padding:6px 10px;position:absolute;top:-30px;transform:translateX(-50%);transition:all .3s ease;visibility:hidden}.example-2 .icon-content:hover .tooltip{opacity:1;top:-50px;visibility:visible}.example-2 .icon-content a{align-items:center;background-color:#fff;border-radius:50%;color:#4d4d4d;display:flex;height:55px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:55px}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px 0 #0000001f}.example-2 .icon-content a svg{height:30px;position:relative;width:30px;z-index:1}.example-2 .icon-content a:hover{color:#fff}.example-2 .icon-content a .filled{background-color:#000;bottom:0;height:0;left:0;position:absolute;top:auto;transition:all .3s ease-in-out;width:100%}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=linkedin] .filled,.example-2 .icon-content a[data-social=linkedin]~.tooltip{background-color:#0274b3}.example-2 .icon-content a[data-social=github] .filled,.example-2 .icon-content a[data-social=github]~.tooltip{background-color:#24262a}.example-2 .icon-content a[data-social=gmail] .filled,.example-2 .icon-content a[data-social=gmail]~.tooltip{background:linear-gradient(45deg,#4285f4,#c5221f 40%,#ea4335 60%,#fbbc04 70%,#34a853 90%)}@media (max-width:768px){.section{padding:30px}nav ul li{margin:0 10px}header{padding:15px 0}button{padding:8px 16px}.example-2 .icon-content a{height:45px;width:45px}.example-2 .icon-content a svg{height:25px;width:25px}}@media (max-width:480px){.section{padding:20px}.mobile-menu{display:block;text-align:left}nav{align-items:flex-start;flex-direction:column}nav .nav-buttons,nav .nav-links{width:100%}nav .nav-links ul{background-color:#333;display:none;flex-direction:column;width:100%}nav.open .nav-links ul{display:flex}nav .nav-links ul li{margin-left:5px;text-align:left}nav .nav-links ul li a{display:block;padding:10px}.nav-buttons{display:flex;justify-content:center}.nav-buttons button{margin:10px;width:70%}header{font-size:14px;padding:10px 0}footer{padding:10px}.footer-up,.footer-v{display:block;float:none;margin:5px 0;text-align:center}.footer-cr{font-size:15px}}@media (min-width:481px){.mobile-menu{display:none}}