@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rubik+80s+Fade&display=swap');
      body {
        background-color: rgb(25,25,25);
        color: rgb(230,230,230);
        font-size: 1.5em;
        font-family: "Press Start 2P";
        margin: 0 300px;
      }
      h1{
          font-family: "Rubik 80s Fade", system-ui;
          font-weight: 400;
          font-style: normal;
          font-size: 3em;
      }
      ul > li{
        color: rgb(250,145,50);
      }
        
      section{
        margin-left: 50px;
        margin-right: 15px;
        
      }
      
      a{
        color: rgb(250,145,50);
      }
      a:hover{
        color: white;
      }
      
      header{
        display:flex;
        justify-content: space-between;
        align-items:center;
      }
      header ul {
        
        display: flex;
        justify-content: space-between;
        align-items:center;
      } 
      
      #smisl{
        color: rgb(150,150,250);  
        transition: .5s;
      }
      #smisl > i{
        transition:.2s;
      }
      #smisl:hover{
          transform: scale(1.2);
      }
      #smisl:hover > i{
        transform: rotateZ(90deg);
        text-shadow: 0 10px 5px rgb(0,0,0); 
      }
      
      
      .retro-pixel-border {
        

        box-shadow: 
          0 -4px 0 0 #fff,  
          0  4px 0 0 #fff, 
          -4px 0 0 0 #fff,  
          4px  0 0 0 #fff;  
          margin: 50px;
          padding: 30px;
      }
      .links > *{
        list-style: none;
        margin-top:25px;
        }
      
      .links > li > a:hover{
        color:white;
        }
        
        
      .tasks{
        margin-top: 25dvh;
        margin-bottom:15px;
      }  
      .tasks > h3{
        color: rgb(250,145,50); 
      }
      
      
      .task{
        border: 5px solid white;  
        padding: 15px;
        margin: 5px;
      }
      .task > ing{
        align-item: right;  
      }