@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');


a {
   color: white;
    text-decoration: none;
}

a:hover {
    color: white;
    text-decoration:none; 
    cursor:pointer;  
}

.containerrow {margin-left: 230px; display: grid;  grid-template-columns: 30% 30% 30% ; grid-template-rows: auto auto auto auto auto auto auto; }

.container { 
    
    height: 300px; width: 300px;
    border-radius: 16px; 
    border-style: soild; 
    border: 6px ;
    background: rgb(224,255,255);
    background: linear-gradient(180deg, rgba(124,255,255,1) 0%, rgba(112,255,255,1) 30%, rgba(0,255,255,1) 100%) ;
    margin: 70px ;
    padding: 20px;
    font-size: x-large;
    display: inline-grid;
    
    }
    .containerimage { height: 200px; width: 200px; margin-left: 50px ; margin-top: 30px;}
    
.title {
    display: flex;
    top:0 ;
    height: 100px;
    font-family: 'Roboto Mono', monospace; 
    background: rgb(224,255,255);
    background: linear-gradient(180deg, rgba(222,255,255,1) 0%, rgba(112,255,255,1) 30%, rgba(0,255,255,1) 100%) ;
     color: white ;
    margin-left: 217px;
    font-size: xx-large;
    align-items: center;
 
    }

    .menu{
        position: fixed;
        left:0;
        top:0;
        bottom:0;
        width: 223px;;
        background: rgb(224,255,255);
    background: linear-gradient(180deg, rgba(224,255,255,1) 0%, rgba(112,255,255,1) 30%, rgba(0,255,255,1) 100%);
        display: grid;
        grid-template-rows: 88px auto 100px;
    font-family: 'Roboto Mono', monospace;
    color: white;
    }

.submenu {width: 223; height: 730px; overflow: scroll;}

.infobox { align-items: end; background-color: white; color: grey; padding: 10px; display: flex; font-size: small; }

    .logo{
        width: 100px;
        height: 75px;
        left: 20px;
    
    }

   .oppgaveliste
   { color: white; font-family: 'Roboto Mono', monospace; }


  



.btn{
font-family: 'Roboto Mono', monospace;
font-weight: 100;
font-size: 14px;
color: white;
background-color: rgba(0,255,255,1) ;
padding: 10px 30px;
border: none;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
border-radius: 13px;
transition : 1000ms;
transform: translateY(0);
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
text-transform: lowercase;
margin-top: 10px;
}

.btn:hover{

transition : 1000ms;
padding: 10px 50px;
transform : translateY(-0px);
background-color: #fff;
color: #0066cc;
border: solid 2px #0066cc;
}