Untitled

 avatar
unknown
plain_text
3 years ago
101 kB
3
Indexable
        import 'package:flutter/material.dart';
        import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;
        
        class SearchlightWidget extends StatefulWidget {
        @override
        _SearchlightWidgetState createState() => _SearchlightWidgetState();
        }
        
        class _SearchlightWidgetState extends State<SearchlightWidget> {
        @override
        Widget build(BuildContext context) {
        // Figma Flutter Generator SearchlightWidget - FRAME
        
        return Container(
      width: 375,
      height: 812,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(30),
            topRight: Radius.circular(30),
            bottomLeft: Radius.circular(30),
            bottomRight: Radius.circular(30),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
      width: 375,
      height: 44,
      decoration: BoxDecoration(
          
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 16,
        left: 293,
        child: Container(
      width: 68,
      height: 14,
      decoration: BoxDecoration(
          color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 1.1599979400634766,
        left: 43,
        child: Container(
      width: 24.5,
      height: 11.5,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: null
      ),Positioned(
        top: 1.9166667461395264,
        left: 2,
        child: Container(
        width: 18,
        height: 7.666666507720947,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(1.600000023841858),
            topRight: Radius.circular(1.600000023841858),
            bottomLeft: Radius.circular(1.600000023841858),
            bottomRight: Radius.circular(1.600000023841858),
          ),
      color : Color.fromRGBO(0, 0, 0, 1),
  )
      )
      ),
        ]
      )
    )
      ),Positioned(
        top: 1.6000003814697266,
        left: 0.5,
        child: null
      ),Positioned(
        top: 1.3999996185302734,
        left: 22.600006103515625,
        child: null
      ),
        ]
      )
    )
      ),Positioned(
        top: 12,
        left: 0,
        child: Container(
      width: 180,
      height: 22,
      decoration: BoxDecoration(
          
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 2,
        left: 30.5,
        child: Text('9:41', textAlign: TextAlign.center, style: TextStyle(
        color: Color.fromRGBO(0, 0, 0, 1),
        fontFamily: 'Inter',
        fontSize: 15,
        letterSpacing: -0.16500000655651093,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),
        ]
      )
    )
      ),Positioned(
        top: 63,
        left: 13,
        child: Text('Search', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(0, 0, 0, 1),
        fontFamily: 'Inter',
        fontSize: 30,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),Positioned(
        top: 119,
        left: 13,
        child: Container(
      width: 349,
      height: 54,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 349,
        height: 54,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(232, 232, 232, 1),
  )
      )
      ),Positioned(
        top: 18,
        left: 62,
        child: Text('Quotes, Post & More', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(0, 0, 0, 1),
        fontFamily: 'Inter',
        fontSize: 15,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),Positioned(
        top: 15,
        left: 17,
        child: null
      ),
        ]
      )
    )
      ),Positioned(
        top: 179,
        left: 13,
        child: Container(
      width: 349,
      height: 633,
      decoration: BoxDecoration(
          
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 20,
        left: 0,
        child: Container(
      width: 349,
      height: 252,
      decoration: BoxDecoration(
          color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Text('Days', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(0, 0, 0, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),Positioned(
        top: 33,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(165, 205, 170, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Gandhi 
Jayanti', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 33,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 70, 50, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Human 
Rights 
Day', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 152,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(245, 155, 35, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Osho
Jayanti', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 152,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(62, 67, 63, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Geeta
Jayanti', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),
        ]
      )
    )
      ),Positioned(
        top: 292,
        left: 0,
        child: Container(
      width: 349,
      height: 2522,
      decoration: BoxDecoration(
          color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Text('Browse all', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(0, 0, 0, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),Positioned(
        top: 33,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(215, 161, 62, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Wishes & 
Greeting', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 33,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(88, 94, 129, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Favourite', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 152,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(76, 145, 126, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Quotes', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 152,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(117, 141, 153, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Aatmnirbhar
Bharat', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 271,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(71, 125, 149, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Indian 
Leader', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 271,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(176, 40, 150, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Good 
Night', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 390,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(193, 151, 75, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Tamil', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 390,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(16, 165, 100, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Telugu', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 509,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(65, 0, 245, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Indie', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 509,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(231, 26, 0, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('RADAR', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 628,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 70, 50, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Marathi', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 628,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(196, 150, 135, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Devotional', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 747,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(125, 75, 50, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Indian
Classical', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 747,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(245, 115, 161, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Romance', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 866,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(161, 194, 79, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('K-pop', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 866,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(236, 30, 50, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Party', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 985,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(135, 165, 176, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Instrumental', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 985,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(124, 192, 179, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Dance/
Electronic', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1104,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(181, 155, 200, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Decades', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1104,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(199, 156, 78, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Workout', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1223,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(241, 55, 166, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('RnB', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1223,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(133, 162, 174, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Sleep', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1342,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(181, 155, 200, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Wellness', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1342,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(236, 30, 50, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Rock', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1461,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(80, 155, 246, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Mood', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1461,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(126, 196, 185, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Caribbean', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1580,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(139, 168, 182, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Chill', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1580,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(181, 155, 200, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Focus', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1699,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(241, 55, 166, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Summer', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1699,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(212, 165, 83, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Cooking &
Dining', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1818,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(133, 161, 173, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Jazz', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1818,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(128, 199, 185, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Gaming', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1937,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 100, 54, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Latin', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1937,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(111, 111, 111, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Metal', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 2056,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(30, 50, 100, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Blues', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 2056,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(241, 55, 166, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Funk', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 2175,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(111, 111, 111, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Punk', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 2175,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(214, 168, 83, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Travel', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 2294,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(211, 164, 82, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Country', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 2294,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(21, 138, 8, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Anime', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 2413,
        left: 0,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(150, 150, 150, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(231, 133, 75, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('Songwriters', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 2413,
        left: 184,
        child: Container(
      width: 165,
      height: 100,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 165,
        height: 100,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(5),
            topRight: Radius.circular(5),
            bottomLeft: Radius.circular(5),
            bottomRight: Radius.circular(5),
          ),
      color : Color.fromRGBO(0, 58, 83, 1),
  )
      )
      ),Positioned(
        top: 17,
        left: 135.5,
        child: Transform.rotate(
        angle: -29.999999195280587 * (math.pi / 180),
        child: Container(
        width: 67,
        height: 67,
        decoration: BoxDecoration(
          boxShadow : [BoxShadow(
          color: Color.fromRGBO(0, 0, 0, 0.25),
          offset: Offset(-2,2),
          blurRadius: 4
      )],
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      ),
      )
      ),Positioned(
        top: 15,
        left: 16,
        child: Text('TV & Movies', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Inter',
        fontSize: 16,
        letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),
        ]
      )
    )
      ),
        ]
      )
    )
      ),
        ]
      )
    )
      ),Positioned(
        top: 744,
        left: 0,
        child: Container(
      width: 375,
      height: 68,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
      decoration: BoxDecoration(
          color : Color.fromRGBO(255, 255, 255, 1),
  ),
      padding: EdgeInsets.symmetric(horizontal: 24, vertical: 21),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[
          Container(
      width: 26,
      height: 26,
      decoration: BoxDecoration(
          color : Color.fromRGBO(255, 159, 67, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 2.1666688919067383,
        left: 2.1666641235351562,
        child: Container(
      width: 21.666667938232422,
      height: 21.936077117919922,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: SvgPicture.asset(
        'assets/images/vector.svg',
        semanticsLabel: 'vector'
      );
      ),
        ]
      )
    )
      ),
        ]
      )
    ), SizedBox(width : 60),
Container(
      width: 26,
      height: 26,
      decoration: BoxDecoration(
          color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 2.1666688919067383,
        left: 3.25,
        child: Container(
      width: 20.58333396911621,
      height: 21.666667938232422,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: SvgPicture.asset(
        'assets/images/vector.svg',
        semanticsLabel: 'vector'
      );
      ),
        ]
      )
    )
      ),
        ]
      )
    ), SizedBox(width : 60),
Container(
      width: 26,
      height: 26,
      decoration: BoxDecoration(
          color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 2.599997043609619,
        left: 2.5999956130981445,
        child: Container(
      width: 20.799999237060547,
      height: 20.799999237060547,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: SvgPicture.asset(
        'assets/images/vector.svg',
        semanticsLabel: 'vector'
      );
      ),
        ]
      )
    )
      ),
        ]
      )
    ), SizedBox(width : 60),
Container(
      width: 26,
      height: 26,
      decoration: BoxDecoration(
          color : Color.fromRGBO(255, 255, 255, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 6.5,
        left: 8.93749713897705,
        child: SvgPicture.asset(
        'assets/images/vector.svg',
        semanticsLabel: 'vector'
      );
      ),Positioned(
        top: 1.625,
        left: 1.6249936819076538,
        child: SvgPicture.asset(
        'assets/images/vector.svg',
        semanticsLabel: 'vector'
      );
      ),
        ]
      )
    ),

        ],
      ),
    )
      ),Positioned(
        top: 50,
        left: 56,
        child: Container(
        width: 6,
        height: 6,
        decoration: BoxDecoration(
          color : Color.fromRGBO(255, 159, 67, 1),
      borderRadius : BorderRadius.all(Radius.elliptical(6, 6)),
  )
      )
      ),
        ]
      )
    )
      ),
        ]
      )
    );
        }
        }
        
Editor is loading...