@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Montserrat');


body {
            display: flex;
          /* height: 85vh; */
            justify-content: center;
            align-items: center; 
            flex-direction: column;
            background-color: #E3E8E9;
            text-align: center;
            margin: 50px;
            font-family: "Anton", sans-serif;
            font-size: 18;
            cursor: url('https://raw.githubusercontent.com/coob113/fancy-cursors/master/cuter1.png') 64 64, auto !important;
            
        }
        a {
            cursor: url('https://raw.githubusercontent.com/coob113/fancy-cursors/master/cuter2.png') 64 64, auto !important;
        }

        a:hover {
            color:#764ba2 !important;
        }

        a:visited {
            color:#1C0C17;
        }
        h1{
            font-size: 78px;
            background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        h2{
            font-size: x-large;
        }
        .logo {
            text-align: center;
           
            padding-bottom: 5%;
        }
        .logo a:link {
            text-decoration: none;
        }
        .content {
            display: flex;
            flex-direction: raw;
            justify-content: center;
            align-items: center;
        }
        button{
            font-size: x-large;
             border-radius: 32px;
            font-family: 'Anton';
            padding: 4px 30px;
            background: aliceblue;
            margin-left: 10px;
        }
        button:hover{
            background: #FFAEBC;
            cursor: url('https://raw.githubusercontent.com/coob113/fancy-cursors/master/cuter2.png') 64 64, auto !important;
        }
       #urlInput {
        padding: 10px 25px;
        border-radius: 42px;
        font-size: x-large;
        margin-left: 10px;
        cursor: url('https://raw.githubusercontent.com/coob113/fancy-cursors/master/cuter2.png') 64 64, auto !important;
        }
        #urlInput:focus{
            background-color: azure;
        }
        label{
            font-size: x-large;
            cursor: url('https://raw.githubusercontent.com/coob113/fancy-cursors/master/cuter1.png') 64 64, auto !important;
        }


        #urlList {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 24;
            padding-top: 5px;
        }
    
        #urlList div {
            display: flex;
            align-items: center;
            margin-bottom: 5px;
        }
    
        #urlList input {
            margin-right: 5px;
        }
    
        #removeButton {
            margin-top: 10px;
            cursor: pointer;
            margin-bottom: 15px;
        }


        #enteredURLs {
            margin-top: 20px;
        }
        .nota {
            font-family: "Montserrat", sans-serif;;
            font-size: 12px;
            color: #1C0C17
        }

        .nota-2 {
            font-family: "Montserrat", sans-serif;;
            font-size: 12px;
            color: #a8a8a8;
            align-items: flex-end;
        }